JavaScript35 CS. var, let, const의 차이점 (feat. 호이스팅) /* 오늘도 어김없이..클론코딩만 하는 나에게 이런 시련이.. 호이스팅 개념을 이해하는데 많은 시간을 썼다.. */ ps. 틀린곳도 많을거기 때문에 피드백은 항상 겸허히 받아들입니다. 변수의 선언은 var, let, const 키워드로 할 수 있으며, ES6에서 let과 const가 추가되었다. 자바스크립트에서 변수 선언은 선언 → 초기화 단계를 거쳐 수행된다. 더보기 선언 단계: 변수명을 등록하여 자바스크립트 엔진에 변수의 존재를 알린다. 초기화 단계: 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화한다. 왜 기존 var가 있는데, let과 const가 추가 되었을까? var, let, const에는 4가지 차이점이 있다. 1. 중복선언 가능 유무 2. 재할당 가.. 2023. 1. 18. Vanilla JS. DropDown Menu(feat. CSS) * 오늘은 자바스크립트로 드롭다운 메뉴 만들기 도전 * 저번에 못 만들고 타협해서 셀렉트 박스로 바꿨었는데 // class에서 dropdown과 closed 2가지를 선언 DropDown ✓ 유튜브 menu 2 menu 3 menu 4 * class에서 띄어쓰기를 하면 하나의 class가 아닌 다른 class로 선언된다. body { margin: 0; font-family: Courier New; font-size: 20px; } ul { margin: 0; padding: 0; list-style-type: none; } a { text-decoration: none; color: black; } .dropdown { transition: all 0.2s ease-in-out; overflow: hi.. 2023. 1. 16. Vanilla JS. D-day calculator (feat. flexible) * 저번에 배운 고정된 날짜 값에 대한 디데이 계산을 토대로 입력 값에 대한 디데이 계산기를 만들어보았다. 디데이 계산기 // 계산된 디데이 값이 나오기 전까지 안보이게 .hidden { display: none; } * 계산된 디데이 값이 나오기 전까지 안보이게 클래스값을 줘서 css display로 출력이 안되게 숨겨두었다. const main = document.querySelector("#main"); const title = document.querySelector(".title") const select = document.querySelector(".select"); function mainHandle(event) { const Hidden = "hidden"; event.preventDef.. 2023. 1. 13. Vanilla JS. D-day(feat. fixed) * 노마드코더 강의를 보고 만든 고정된 날짜 값에 대한 디데이를 만들었다가, 고정된 값이 아닌 입력값을 기반으로 만들어 보면 어떨까해서 유동적으로 입력값을 넣으면 계산되는 디데이 계산기도 만들어 보았다.(이건 다음 시간에) * 오늘은 고정된 값에 대한 것만 업로드. 2023 크리스마스 const clock = document.querySelector("#clock"); function Dday() { const target = new Date("2023-12-25"); // 고정된 날짜 값 const today = new Date(); // 현재 시간 const diff = target - today; const d = Math.floor(diff / (1000*60*60*24)); /* 처음 봤을 때 .. 2023. 1. 10. 이전 1 ··· 5 6 7 8 9 다음
