다다의 개발일지 6v6

전 글에서 호이스팅에 대해서 공부를 했는데 변수 호이스팅만 다루고 함수 호이스팅은 따로 빼놨다.함수 호이스팅에 대해서 자세히 알아보자!! 함수 호이스팅이란?JavaScript 엔진이 함수 선언을 코드 실행 전에 메모리에 미리 저장하는 동작을 의미즉, 코드가 작성된 순서와는 다르게, 함수의 선언이 코드의 최상단으로 끌어올려지는 것처럼 동작한다.하지만 실제로 코드의 위치가 변경되는 것이 아니라, JavaScript가 내부적으로 선언을 미리 처리하는 것임. 함수도 호이스팅되지만, 함수 선언 방식에 따라 다르게 동작한다.(1) 함수 선언문 (Function Declaration)👉 function 키워드로 직접 함수를 선언하는 방식hello(); // "Hello, world!" (정상 작동)function ..

var, let, const의 차이점은 크게 변수 선언 방식, 스코프(scope), 호이스팅(hoisting), 그리고 재할당 가능 여부에서 나타난다.1. var (과거 방식)함수 스코프(function scope)를 가진다.변수 선언 전에 사용할 수 있지만 undefined가 할당된다. (호이스팅)동일한 변수명을 중복 선언할 수 있다.재할당 가능.console.log(a); // undefined (호이스팅 때문에 오류가 나지 않음)var a = 10; if (true) { var b = 20; // 블록 내부에서 선언해도 바깥에서 접근 가능 (함수 스코프)}console.log(b); // 20 (의도치 않은 값 변경 가능) ➡ var는 함수 스코프이기 때문에 블록 {} 내부에서 선언해도 바깥에..

spacing, blur, base Color를 변경하면 사진에 그대로 적용되도록 할 예정! 우선 css를 건드려 보았다.hl { color: #f66687;}img { width: 50%; max-height: 600px; object-fit: cover; padding: 10px; background-color: #f66687;}이렇게 기본값으로 고정시키고 각각의 색, spacing을 JS로 변경하려고 했는데 그러면 전체 기본 색이 #F66687로 똑같은데.hl의 color따로 img의 배경색 따로 변경해줘야 한다. 그래서!! 아예 기본 색을 변수로 선언하려고 함. :root와 CSS 변수 (- -base, - -spacing, - -blur):root란?:root는 ..