Dev/React18 자바스크립트 var 변수 변수에 대해서 알아보자 -var vs let vs const 📒 자바스크립트 변수와 스코프 (var vs let vs const)1. 호이스팅 (Hoisting) 🚀호이스팅은 선언문이 코드의 최상단으로 끌어올려진 것처럼 동작하는 자바스크립트의 독특한 특징입니다.var: 선언과 초기화(undefined)가 동시에 호이스팅됩니다. 선언 전에 호출해도 에러가 나지 않고 undefined를 반환합니다.let / const: 선언은 호이스팅되지만, 초기화는 되지 않습니다. 선언 전에 접근하려고 하면 **참조 에러(ReferenceError)**가 발생합니다. 이를 TDZ(Temporal Dead Zone) 구간이라고 부릅니다.2. 스코프 (Scope) 🔍변수에 접근할 수 있는 유효 범위를 말합니다.. 2026. 3. 26. [JS] 등록form 이메일 유효성 체크 및 JavaScript 적용 예제 회원 가입 및 등록하는 form을 css와 JS를 연결해준다. Register 이름 이메일 연락처 비밀번호 비밀번호 확인 회원 가입 개인 기업 로그인 회원가입 스프링꿈나무 도룽이 Login .. 2026. 3. 26. Display - flex , grid 1 2 3 4 5 6 7 8 9 10 7 8 9 10 heaader asidefooter https://flexboxfroggy.com/#ko Flexbox FroggyA game for learning CSS flexboxflexboxfroggy.com개구리들이 기뻐하고 있다. 2026. 3. 25. CSS margnin padding ,position margin : 20px -> 상화좌우margin : 20px 10px; 상하 좌우margin : 20px 10px 5px ; 상 좌우 하margin : 20px 10px 5px 3px 상 우 하 좌top bottom은 큰 숫자값으로 결정이 된다. position: relative; 설정하면 그 다음에 놓이는 요소는 어디에 놓일까?relative를 설정한 요소가 원래 놓여야 할 위치를 계산하고 그 뒤에 놓인다. position: absolute; 설정하면 그 다음에 놓이는 요소는 어디에 놓일까? position: absolute;를 설정한 요소를 전혀 신경쓰지 않고.. 2026. 3. 25. 프론트엔드#2-CSS실습 기본적인 style적용 internal와 external로 구분하여 css html 안에서(internal) / 밖으로 별도 분리(external) 적용해보았다. CSS 적용하기 2 CSS 적용하기 3 CSS 적용하기 3 The Descendant ( ) Combinator Donald Duck Donald Duck lives in Duckburg. I will be styled. I will be styled.Donald Duck's best friend is Mickey.1Donald Duck's best friend is Mickey.2Donald Duck's best friend is Mickey.3아이디 이름비밀번호 1.. 2026. 3. 24. 프론트엔드 - form 예시 가입 form 예시 Register 이름 이메일 연락처 비밀번호 비밀번호확인 회원가입 등록 form 예시 HTML5에 추가된 폼요소 속성들 등록 2026. 3. 24. 이전 1 2 다음
