푸으름

✏️ 변수란?변수(variable)란 프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터를 칭함. 반면에 값을 한 번 지정하면 바뀌지 않는 데이터를 상수라고 함✏️ 변수 선언의 규칙변수를 사용하려면 변수를 구별할 수 있도록 이름을 붙여 주어야 하는데, 이것을 변수 선언이라고 함. 다만 변수를 선언할 시에는 지켜야 할 몇가지 규칙이 있음변수 이름은 영어 문자와 언더 스코어(_), 숫자를 사용하고 숫자나 기호, 띄어쓰기를 허용하지 않음영어 대소 문자를 구별하여 예약어는 변수 이름으로 쓸 수 없음여러 단어를 연결한 변수 이름은 중간에 대문자를 섞어 씀 => 카멜 표기법(ex: totalArea, total_Area)변수 이름은 의미 있게 작성 => 변수 이름만 보고도 어떤 값인지 추측하기 위함✏️ ..

https://flexboxfroggy.com/#ko Flexbox FroggyA game for learning CSS flexboxflexboxfroggy.comhttps://www.flexboxdefense.com/  ✏️ 자바스크립트의 이용웹의 요소 제어 : 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있음, 탭을 클릭하여 콘텐츠를 보이게 해서 공간을 절약하고 필요한 내용만 골라서 볼 수 있게 함, 사용자 정보를 서버로 전송하는 폼에서 입력된 정보가 형식에 맞는지도 체크해줌웹 애플리캐이션을 만든다 : 최근 웹은 사용자와 실시간으로 정보를 주고 받으며 앱처럼 동작하고 낯선 곳을 찾아갈 때 검색하는 온라인 지도의 길 찾기 서비스 등 다양한 서비스를 자바스크립트를 이용..

✏️ 미디어 쿼리의 속성종류설명width, height웹 페이지의 가로 너비, 세로 높이min-width, min-height웹 페이지의 최소 너비, 최소 높이max-width, max-height웹 페이지의 최대 너비, 최대 높이device-width, device-height단말기의 가로 너비, 세로 높이min-device-width, min-device-height단말기의 최소 너비, 최소 높이max-device-width, max-device-height단말기의 최대 너비, 최대 높이orientation: landscape단말기의 가로 모드orientation: portrait단말기의 세로 모드✏️ 플렉스 박스 레이아웃의 속성종류설명속성값display플렉스 컨테이너를 지정flex, inline-f..

✏️ CSS 그리드 레이아웃 용어플렉스 박스 레이아웃에서는 가로나 세로 중에서 하나를 주축으로 정해 놓고 플렉스 항목을 배치했다면, CSS 그리드 레이아웃에서는 그리드 항목을 배치할 때 가로와 세로를 모두 사용함. 플렉스는 1차원이고 그리드는 2차원이라고 생각, CSS그리드 레이아웃은 가로 방향을 가리키는 줄(row)와 세로 방향을 가리키는 칼럼(column)으로 웹 화면을 구성 ✏️ 그리드 컨테이너를 지정하는 display 속성그리드 레이아웃을 지정할 때에는 가장 먼저 그리드를 적용할 요소의 바깥 부분을 그리드 컨테이너로 만들어줘야 함. 그리드 컨테이너를 만들 때는 display 속성을 grid나 inline-grid로 지정종류설명grid컨테이너 안의 항목을 블록 레벨 요소로 배치inline-grid컨..