오늘은

8시 기상
8시 30분 아침식사
9시 게더 입장.

주특기 심화 주차

이번 주차부터 React 심화과정으로 들어가게 된다 심화 주차 발제하기 전에 강의가 풀려있어서 미리 목차를 살펴봤는데 자바스크립트의 개념들을 다시 한번 배우고 전 주차에 배웠던 내용들에서 더 자세히 배우는 것 같았다. 개인과제의 필수 기능 구현 사항이 많은데 그래도 강의를 보면서 만들어볼 수 있을 것 같다 하지만 다음주 미니프로젝트를 위해서 최대한 이해하고 넘어갈 수 있도록 노력해야할 것 같다. 발제 후에 노션을 보니 요구사항에 레이아웃을 사용자가 정하도록하여 적용하는 기능도 구현해야한다고 써있었다. 강의에는 없는 기능 같은데 일단 이 기능을 제외하고 만든 뒤에 넣어봐야겠다..

배운 것!

• 프로토타입이란?
  자바스크립트의 모든 객체는 자신의 부모 객체와 연결되어 있다
  마치 객체 지향에서의 상속 개념처럼 부모 객체의 프로퍼티나 메소드를 상속받아 쓸 수 있다1
  (실제로는 상속보다 위임에 가깝다고 하지만, 통상적으로 상속한다고 표현한다.)
  이런 부모 객체를 프로토타입 객체, 혹은 그냥 프로토타입이라고 한다.
  그리고 부모 객체를 참조하는 걸 두고 프로토타입 링크라고 한다.

• 크롬 익스텐션
  React Developer Tools
  DOM의 Elements 구조 뿐 만 아니라 컴포넌트 구조도 볼 수 있게 해줌.
  React Developer Tools
  액션이 일어나면 액션이 일어나기전 스토어에 무슨 액션이 있었는지
  그리고 이 액션이 일어나서 값이 어떻게 변했는지 알려준다

• 컴포넌트를 쪼갤때 두가지 관점으로 생각해보기

1. 뷰만 생각하기
2. 데이터 기준으로 생각해보기

• defaultProps
  필요한 props를 미리 넘겨놓는 방식(props가 없어 오류나는 것을 방지)
  
  이런 식으로 미리 지정을 해놓고 사전에 오류를 방지하는 것이다. 콘솔에 props를 찍어보면
  

props에 기본값이 잘 저장된 것을 볼 수 있었다.