03_ThinkingInReact

학습 목표

이제부터 본격적으로 React를 다루게 됩니다. 이번에 배우는 내용은 아무리 복잡한 앱을 만들더라도 끝까지 적용되는 원칙들입니다. 그만큼 엄청나게 중요한 내용이기 때문에 Thinking in React에 대한 훈련을 많이 하셔야 합니다. 강의에서 HTML 코드로부터 시작해서 컴포넌트를 함수로 추출하고 나아가 파일로 분리하는 과정을 보면서 어떤 기준으로 컴포넌트를 분리하는지 충분히 음미하시고 똑같이 따라해보시기 바랍니다. 반드시 아샬이 보여주신 과정을 반복적으로 따라해보면서 ‘왜 이렇게 되는 걸까’ ‘여기엔 어떤 기준이 적용된 걸까?’ 를 끝없이 스스로에게 묻고 의문점을 다함께 토론해야 합니다. 대부분 생각보다 React State에 대해 제대로 모르는 경우가 많습니다. 상태관리를 논하기 전에 도대체 React State가 무엇인지 명확하게 알아보는 시간을 가져봅시다. 그리고 중간 중간 물흐르듯 리팩터링하는 과정을 보면 무슨 일이 벌어졌는지 어렵고 따라가기 힘들 수 있습니다. 그럴 때마다 영상을 일시 정지하고 ‘여기엔 어떤 의도가 있는거지?’ 를 끝없이 고민하고 내 것으로 흡수하는 시간을 반드시 가지셔야 합니다.

교재

1. React로 사고하기

3주차 강의

React Component React State

과제

오늘의 메뉴 만들기

키워드

• REST API 와 GraphQL

  • REST API 란 무엇인가

  • GraphQL은 왜 등장했는가?

  • REST API vs GraphQL

• JSON

• DSL(Domain-Specific Language)

• 선언형 프로그래밍

• 명령형 프로그래밍

• SRP(단일 책임 원칙)

• Atomic Design

• React component 와 props