728x90 반응형 열정5 JS(JavaScript) 변수, 상수란? JS(JavaScript) 변수, 상수란? 오늘은 JS에서 변수, 상수에 대해 알아보겠습니다. 변수와 상수를 사용하는 이유는 데이터에 대해 저장하기 위해 사용됩니다. 예를 들어 웹에서 방문객들의 정보를 변수나 상수를 통해 저장할 수 있는데 보통 변수를 많이 사용합니다. 변수와 상수는 비슷한 개념이지만 차이점을 보면 변수는 수정할 수 있는 정보, 상수는 수정할 수 없는 고정된 정보를 표현할 때 사용할 수 있습니다. 코드 작성 방식은 변수의 경우 let, 상수의 경우 const라는 키워드를 작성하고 변수나 상수의 이름을 선언해줍니다. 이후 변수나 상수에 값을 저장할 경우에는 작성된 변수나 상수의 이름을 적고 '= 저장할 값;'을 선언하시면 됩니다. (JS에서는 줄 바꿈이 적용되기 때문에 ;을 생략하셔도 되지.. 2022. 8. 5. JS(JavaScript)란? JS(JavaScript)란? 오늘은 JS(JavaScript)에 대해 알아보겠습니다. 편하게 JS라고 부르겠습니다. JS는 과거에 혼란스러웠던 브라우저들의 싸움에서 살아남아 현재 여러 브라우저에서 표준으로 사용되는 프로그래밍 언어로 사용되고 있습니다. 현재는 크롬, 파이어폭스, 사파리 등 다양한 브라우저가 있었는데 과거에는 MS에서 개발한 인터넷 익스플로러 브라우저를 주축으로 경쟁 브라우저들이 많은 싸움이 있었습니다. 그래서 개발자들은 그 혼란 속에서 고통을 받으면서 개발을 하게 되었는데 JS가 그 과정에서 많은 도움을 주었습니다. (현재는 크롬의 등장으로 싸움의 정리가 되고 있습니다.) JS는 ES1 버전을 시작으로 매년 새로운 ES 버전을 출시하고 있습니다. 현재 많이 사용되는 주요 기능들은 ES5.. 2022. 8. 4. CSS - display(4) flexbox, item CSS - display(4) flexbox, item 오늘은 저번 글에 이어서 flexbox에서 item에 관련한 속성에 대해 알아보겠습니다. (해당 코드는 순서가 정해진 박스에 order 속성을 사용하여 배치 순서를 바꾸어보는 예시입니다.) (1) order order은 item들의 배치 순서를 지정해 줄 수 있는 속성으로 숫자가 낮을수록 왼쪽으로 배치가 됩니다. 기본적으로 원래 작성된 태그의 순서대로 진행이 되며 숫자가 높을수록 오른쪽으로 배치가 됩니다. (기본값은 0으로 되어있습니다.) 그래서 배치를 바꾸고 싶을 때는 태그의 순서를 바꿀 수도 있지만 태그가 많고 복잡한 상황이라면 order속성을 통해 재배치를 할 수 있습니다. (해당 예시는 flex-grow를 사용하여 1번 아이템의 크기를 다른 .. 2022. 7. 29. CSS - display(4) flexbox, container CSS - display(4) flexbox, container 오늘은 display 속성에서 사용되는 flexbox에 대해 알려드리겠습니다. (편하게 flex라고 칭하겠습니다.) flex는 앞에서 작성했던 grid와 비슷한 속성을 가지고 있습니다. grid는 container로 감싸고 안에 item으로 구성이 되어 있습니다.flex도 grid와 똑같이 container와 item으로 구성되어 있고container을 구성하는 속성과 item을 구성하는 속성이 나누어져 있습니다. 오늘은 많은 속성 중 많이 사용되는 속성에 대해 알아보겠습니다. flex는 css3에서 나온 방식으로 가장 최신의 방식이라고 할 수 있습니다.그만큼 활용도가 높고 간단하게 코드를 작성할 수 있습니다. 기존에 한 줄로 아이템을 배치.. 2022. 7. 29. 이전 1 2 다음 728x90 반응형
