TIL 5/27

  • media query를 사용해서 일반 웹 화면에서만 footer가 보여지게 했다.
  • 컴포넌트들이 많아질 수록 어떻게 하면 더 좋은 코드를 만들 수 있을까 고민하게 된다. 주석이 필요없이 읽었을 때 바로 이해할 수 있는 코드가 좋은거라고 들었는데 아직은 아닌 것 같다.

TIL 5/28

  • PlaylistContainer 컴포넌트 안에 아래 두 컴포넌트가 있다.
    • 음악 리스트 들을 보여주는 Playlist,
    • 가수, 제목을 적는 InputForm

state를 PlaylistContainer에 두고 매번 InputForm의 input이 갱신될 때마다 컴포넌트들을 렌더링하게 했는데 불필요하게 Playlist도 같이 re-render되어서 shouldUpdateComponent 에 렌더링 해야하는 조건을 명시해 주고 그때만 re-render되도록 최적화 해주었다.

  • state를 어디다둬야할지 모르겠고, 매번 props를 귀찮게 컴포넌트까지 내려줘야하는 것들이 귀찮다. redux를 써보고싶지만 배우고 적용해보는데도 오래걸릴거같아서 엄두를 못내는중이다. 일단 첫 번째 배포를 해보고 나서 생각해보는게 나을 것 같다.
  • 컴포넌트 이름 짓기가 생각보다 중요하구나..
  • 프론트엔드 면접 스터디 #2 정리