코채

자바스크립트 기초 문법 정리1. let vs var스코프특징varlet스코프함수 스코프 (function-scoped)블록 스코프 (block-scoped)재선언가능불가능재할당가능가능호이스팅var → 선언은 위로 끌어올려짐, 초기화는 undefinedlet → 선언도 끌어올려지지만 TDZ(Temporal Dead Zone) 존재 → 초기화 전 접근하면 ReferenceError전역 객체 연결 여부var gVar = 1;let gLet = 2;console.log(window.gVar); // 1 ✅console.log(window.gLet); // undefined ❌var는 전역 객체(window)에 붙음let은 블록 스코프이므로 전역 객체에 붙지 않음var = 옛날 방식, 함수 단위 스코프, 호이스팅..

반응형 웹 - CSS 단위 & 기초 정리1. 단위1-1. px (픽셀)고정 크기 (절대 단위) → "딱 정해진 크기" 필요할 때 사용font-size: 16px;화면에서 항상 같은 크기확대/축소 말고는 안 변함가장 직관적반응형에는 약함1-2. em → 현재 요소의 font-size 기준 배수.parent { font-size: 20px;}.child { font-size: 2em; /* 40px */}현재 요소의 font-size 기준 배수child가 font-size를 따로 선언 안 하면 부모꺼 상속 → 부모 기준처럼 보이는 것중첩되면 점점 커짐 (문제)계산이 꼬이기 쉬움1-3. rem → root(html) 기준 배수 (제일 중요 ⭐)html { font-size: 16px;}h1 { font..

HTML/CSS 기초 정리1. 코드 분석 태그설명문자 인코딩 설정 — 한국어 깨짐 방지5초 후 해당 URL로 자동 리다이렉트모바일 반응형 설정 — 없으면 PC 화면을 축소해서 보여줌브라우저 탭에 보이는 파비콘(아이콘) 설정외부 CSS 파일 연결2. CSS 우선순위 (낮 → 높)순위종류1브라우저 기본 스타일2외부 스타일시트 (.css 파일)3내부 스타일 ( 태그)4인라인 스타일 (style="")5!important (최강, 남용 금지)3. 선택자 우선순위CSS 우선순위는 4자리 숫자로 표현한다.(a, b, c, d)자리의미점수a인라인 스타일 (style="")1000bID 선택자 (#id)100c클래스 / 속성 / 가상클래스 (.class, [attr], :hover)10d요소 선택자 (div, h2)..