[유데미x스나이퍼팩토리] 프로젝트 캠프 Next.js 1기 - 3일차

 

3일 차인 오늘은 자바스크립트의 심화 개념들을 위주로 학습했다. 생성자함수, 프로토타입, class 개념은 내가 제일 어려워했던 개념들이다. 객체와 관련된 개념들이고, 자바스크립트로 객체지향 프로그래밍을 하기 위한 개념들이다.

 📚 학습한 내용
- ⭐️ 생성자함수
- ⭐️ 프로토타입
- ⭐️ class
- 표준 내장 객체
- ⭐️ 클로저
- DOM

 

오늘 강의에서 가장 흥미로웠던 개념은 Wrapper Object였다. 여태 배우면서 한 번도 생각해보지 못한 개념이었는데, 아래 코드를 실행하면 결과값은 5가 나온다. length 속성은 길이를 구할 때 사용한다. 그런데 여기 이상한 점은. length는 객체의 프로퍼티 접근하는 방식인데, str은 문자열인 원시 타입이며 객체는 아니다. 

const str = 'hello'; 
console.log(str.length); // 5

 

해당 코드가 실행되는 이유는 실행되는 순간 일시적으로 객체화된다. const str = new String('hello')로 일시적으로 해당 값을 래핑 해서 객체로 만들어 코드가 실행되는 것이다. 원시값을 객체화시켜주는 객체형 데이터 타입을 Wrapper Object 라고 한다. 원시타입은 프로퍼티와 메서드를 정의할 수 없는데, 래퍼 객체로 인해 .length, .toUppercase(), .includes() 등등... 표준 내장 객체 메서드를 사용 할 수 있었던 이유는 다 래퍼 객체로 인해 객체화되어 실행되는 것이었다. 정말 생각지도 못했고, 실행되는 게 이상하다는 의문도 갖지 않았기에 오늘 가장 기억에 남았던 개념이었다. 

 

학습 내용 정리 노트

 

 

👩🏻‍💻 학습을 통해 느낀 점 

 

평소에 어려워 했던 개념들을 정리하다 보니, 어느 정도 감이 잡혔다. 쉬는 시간 틈틈이 배운 내용을 복습하고 정리하려고 노력해서 뿌듯하고, 오늘은 시간 활용을 잘했다고 생각하다. 강의 중간에 정리할 시간이 있었던 게 아무래도 개념을 이해하는데 도움이 되지 않았나 싶다. 과제도 나름 쉽게 풀어서 내장 객체에 대한 이해도는 있다는 걸 스스로 인지하게 되었다. 아마, 프로그래머스를 통해 기초 코딩테스트 연습문제를 풀어봤기 때문이라고 생각한다. 자바스크립트의 심화 부분 학습을 통해 해당 과정에서 배우게 될 라이브러리를 동작원리를 더 잘 이해할 수 있는 토대를 마련하고 싶다. 자바스크립트의 원리를 더 깊이감 있게 학습해야 하지만 우선은 뼈대들을 세워두었고, 나중에 더 추가적으로 부족한 부분을 메꾸려고 한다. 생각보다 개념을 정리하는데 시간이 걸린다. 오늘도 내가 부족한 부분 위주로 복습을 진행했다. 

 

 

 

---

 

본 후기는 [유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 1기 과정(B-log) 리뷰로 작성되었습니다.

 

#유데미 #udemy #웅진씽크빅 #스나이퍼팩토리 #인사이드아웃 #미래내일일경험 #프로젝트캠프 #부트캠프

#Next.js #프론트엔드개발자양성과정 #개발자교육과정