본문 바로가기
728x90
반응형

개발자27

JS - 기본 자료형 JS-기본 자료형 오늘은 JS에서 기본 자료형에 대해 알아보겠습니다. JS를 사용하시면 가장 많이 사용되는 자료형은 문자형, 숫자형일 것입니다. 자료형에 대해 알아두시면 좋은 이유는 가장 기본적인 내용이고 공부해 나가시면서 기본 자료형에 대해 더욱 자세히 알아갈 것이기 때문에 기본적으로 기본 자료형에 대해 알아두시면 좋을 것 같습니다. JS에서는 동적 타입을 제공하고 있어서 변수에 값을 저장할 때 자료형을 언제든지 바꿀 수 있습니다. 이제 본론으로 돌아가 기본 자료형에 대해 알아보겠습니다. 기본 자료형은 8가지가 있습니다. (1) 숫자형 숫자형은 말 그대로 숫자와 관련된 자료형인데 숫자와 연산에 관련된 내용이 있습니다. 그밖에도 무한대를 나타내는 Infinity, 숫자가 아닌 것을 나타내는 NaN(Not.. 2022. 8. 6.
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.
728x90
반응형