210325_TIL

seungyeon·2021년 3월 25일
0

TIL

목록 보기
42/64

IM: DAY 32

어제 학습한 React 기본 내용들을 가지고 유튜브 클론 코딩을 위한 기초단계인 Recast.ly 스프린트를 진행했다. 페어님이 몸이 안좋으셔서 혼자 진행해야 했어서 살짝 걱정스러웠지만 어제 배웠던 내용들을 복습하는 느낌으로 차근차근 진행하니 어렵지 않게 해결할 수 있었다.
이번 스프린트를 토대로 유튜브 API를 받아와서 다음 스프린트를 진행하는 것으로 알고 있는데, 더 복잡한 구조를 쉽게 구현하려면 이번 스프린트동안 기본기를 확실하게 다져야겠다고 느꼈다.

+) 오늘의 TMI 😃
목 통증이 많이 나아지고 있다!! 노트북 거치대와 키보드를 사용해서 시선 각도를 높이고 걸으면서 목에 힘을 풀어주려고 노력했던 것이 효과가 있는 것 같다. 나의 (특히 5번, 6번) 경추들아 오래오래 건강하게 같이 가자! 💕

오늘 한 일

  • Toy Problem
  • Twittler React
  • Lifecycle 학습
  • Recast.ly 스프린트

기억할 것

  • React = 캡슐화, 은닉화
  • state는 constructor에서 this.state로 할당할 수 있다.
  • setState는 비동기로 작동된다.
  • setState를 사용해야 컴포넌트가 새로운 값을 렌더링한다.
  • setState는 React LifeCycle의 핵심이다.
  • props는 immutable 해야한다. 중간에 데이터가 전달되다가 변경되면 개발자의 의도대로 작동하지 않기 때문에 그를 방지하기 위함이다.
  • class 컴포넌트에서는 super(props)라는 것을 통해서 props를 활용할 수 있다.
  • functional 컴포넌트에서는 매개변수로 props를 활용할 수 있다.
  • props 이름은 임의로 전해줄 수 있다. props가 하나의 객체이기 때문에 객체의 프로퍼티(속성) key를 임의로 설정해주는 것과 같다.
  • props 속성은 여러개가 있을 수 있다.

내일 할 일

  • Toy Problem
  • Recast.ly 스프린트 마무리
  • Lifting State Up 학습

0개의 댓글