[프리온보딩코스 세션 회고 #7] Core JavaScript (2)

8/16 (월) [핵심 자바스크립트 개념 2]

세션 내용

• 실행 컨텍스트
• 호이스팅
• 스코프
• this
• 클로저

---

0. 블로그 과제 피드백

지난 주 블로그 과제에서 브라우저 작동 원리에 대해 주제 방향을 잘못 잡은 사람이 있었다고 한다.(=== 나) 브라우저에서 구글 닷컴을 쳤을 때 어떤 일이 일어나는지에 대해서 적은 사람이 있는데 면접 질문이 명확하게 다르다!

url을 입력해서 네트워크 중심의 인터넷 작동 원리를 질문하는 게 있고, 브라우저가 어떻게 동작하는지에 대한 질문으로 두 갈래로 나눠지는데 이번 블로그 과제는 후자를 쓰기를 원했던 것!

→ 조만간 시간을 들여 수정하는 것으로! ✍

1. 오늘 주제 관련 면접 질문

- var, let, const의 차이에 대해서 설명해주세요.
- Closure에 대해서 설명해주세요.
- Hoisting에 대해서 설명해주세요.
- this에 대해서 설명해주세요.
    - this는 JavaScript에서 어떻게 작동하는지 설명해주세요.
    - context는 무엇인지 설명해주세요.
    - context에 따른 this의 차이에 대해서 설명해주세요.
    - Call, Apply, Bind 함수에 대해서 설명해주세요.
    - 화살표 함수와 일반 함수의 차이에 대해서 설명해주세요.

2. 배운 내용 정리

이번 세션에서는 실행 컨텍스트와 호이스팅, 스코프, this, 클로저 이렇게 코어 자바스크립트의 대표적인 토픽에 대해서 배웠다.
내용이 방대하여 개념 정리 블로그를 따로 작성하면 좋을 거 같아 따로 작성해보았다!

 

[JavaScript] 실행 컨텍스트 (Execution Context)

 

[JavaScript] 호이스팅 (Hoisting)

 

[JavaScript] 스코프 (Scope)와 클로저 (Closure)

 

[JavaScript] this

3. 회고

이리 저리 과제에 치이다가 일주일이 지나서야 올리는 세션 회고인데, 늦더라도 정리해서 올리길 잘했다는 생각이 드는 이유는 정말로 중요하지만 내게 부족했던 개념들을 정리할 수 있었기 때문이다. 특히 this 같은 경우에는 클래스형 컴포넌트에서 binding을 하는 경우와 화살표 함수를 쓰는 경우에 대해서 명확한 이유를 알지 못하였는데, 이번 세션을 통해서 확실히 정리를 할 수 있었다! 👍