본캠프/TIL, WIL

[TIL] 1230 학습일지

sh.Hwang 2024. 12. 30. 11:36

 

오늘 한 일

- 리액트 1주차 입문

- UI집중반 과제

 

오늘 겪었던 문제점

 

React 입문 1주차 1-1. 16:09 호이스팅 현상에 대해 미리 알고있어야하는 것처럼 이야기함
호이스팅 현상: 실행 컨텍스트에 의해서 그 변수의 선언글을 쭉 위로 끌어올리는 현상으로 선언문  중 let과 const를 제외한 var의 사용을 지양해야하는 이유 중 하나다

hoisting [명사] 끌어 올리기, 들어올려 나르기.

단순하게 설명하자면 단어 뜻 처럼 스크립트 내 변수와 함수의 선언 순서에 상관 없이 순서가 '끌어올려~~'진 듯한 현상이다. 포인트는 물리적으로 '끌어올려'지는 것이 아니라 자바스크립트 엔진이 먼저 전체 코드를 한 번 스캔하고 실행컨텍스트에 미리 기록해 놓기 때문에 이런 현상이 발생하는 것이다.

 

예시를 보자면 아래와 같다

 
console.log(testValue);
const testValue = "Hello World";
//이 경우에는 오류(Undefined)가 나는데

console.log(testValue);
var testValue = "Hello World";
//이 경우에는 오류가 나지 않는다
 

 

*let과 const도 물론 호이스팅 되기도 하지만, var처럼 초기값을 undefined로 미리 할당하지 않는다는 점에서 문제가 되지는 않는다

 

리액트 입문 sort 듣다가 졸음

filter, reduce까지는 실습한게 기억나는데 내가 언제 sort를 치고 있었지..?ㅋㅋㅋ 정신을 잃었는데 VS코드에 왜 코드가 쳐져있는 것인지 무슨 내용인지 기억이 나지 않는다😅

 

오늘 배운 점

- 기본부터 지키는게 지름길이다

'본캠프 > TIL, WIL' 카테고리의 다른 글

[TIL] 0102 학습일지  (1) 2025.01.02
[TIL] 1226 학습일지  (0) 2024.12.26
[TIL] 1224 학습일지  (1) 2024.12.24
[TIL] 1223 학습일지  (0) 2024.12.23
[WIL] 본캠프 8주차  (1) 2024.12.20