Facts.
- 프로그래머스 숫자 블록을 풀었습니다. 근데... 통과는 못했습니다.. 와이..
- 이력서에 대한 영상을 시청했습니다.
- 러닝 타입스크립트 11, 12장을 읽고 정리했습니다.
- Compound component, render prop 패턴에 대한 아티클을 읽고 정리했습니다.
- 토스ㅣSLASH 22 - Effective Component 지속 가능한 성장과 컴포넌트를 시청했습니다.
Feelings.
- 서류 합격이 그렇게 높지 않은 상태에서 코테에 시간을 쏟는 게 맞는가...라는 생각이 들었습니다. 프로젝트와 포트폴리오 작업에 더 많은 시간을 쏟아야겠습니다.
- 일과 중에 이력서에 대한 영상을 봤는데 제 이력서에서 고칠 부분이 많다는 것을 느꼈습니다. 자기소개서부터 프로젝트 설명도 더 디테일하게 기록해야 할 것 같습니다.
- 러닝 타입스크립트 11,12장을 읽었는데 12장은 IDE에서 제공하는 기능에 대한 내용이라 가볍게 읽고 11장만 정리했습니다. 선언 파일에 대해서 알게 되었습니다. 이전에 선언 파일을 개념 없이 사용해서 오류가 발생했었는데 오늘 책을 읽으면서 오류 났던 이유에 대해서 알게 되었습니다. 굿
-
리얼월드에 적용하기 위해서 Compound component 패턴과 render props에 대한 아티클을 읽었습니다. 추가로 한재엽님께서 발표하신 지속 가능한 성장과 컴포넌트 영상을 시청했습니다. 리액트 프로젝트에 새로운 구조를 적용하고 컴포넌트를 어떻게 관리해야 할지 고민이 많았는데 많은 도움이 되었습니다. render prop 패턴 부분을 읽으면서 스노클링 포인트가 생각 났습니다. 비슷한 카드 형태의 리스트가 스노클링 포인트, 중고 마켓, 버디 모집 페이지에 그려지는데 이부분에서 유용하게 사용될 것 같습니다.
-
Compound Component
- 컴포넌트들을 합성해서 사용하는 패턴
- Props drilling 문제를 해결함과 동시에, 선언적이고 이해하기 쉬운 컴포넌트를 작성할 수 있다.
-
장점
- 부모 컴포넌트에서 자식 컴포넌트로 내려주는 props가 단순해짐. -> props drilling 문제도 자동으로 해결
- 관심사의 분리
-
단점
- 부모에서 사용한 컴포넌트들이 {children}으로 들어가게 됨 -> 컴포넌트를 사용한 순서대로 들어가기 때문에 기획의 의도와 다르게 ui 배치될 가능성 있음 -> 자식 컴포넌트들을 type으로 필터링 해서 원하는 위치에 배치할 수 있음.
-
render prop
- 코드의 재사용성을 높임과 동시에 관심사의 분리를 이룰 수 있도록 만들어 주는 패턴
- render prop = prop에 넘겨주는 값이 jsx를 반환하는 함수인 prop
-
- 리액트 프로젝트에서 의존성 역전을 사용하여 리팩터링 하는 아티클도 읽었는데 오버 엔지니어링에 대한 내용도 있었습니다. 덕분에 현재 진행하고자 하는 프로젝트에서 이 기술을 사용하는 것이 과연 옳을까? 라는 생각을 할 수 있었습니다. 훅 이외의 형태로 서버와의 통신을 관리할 수 있다는 점에서 react-query를 사용하려고 했었는데 서버 관련 상태 관리 라이브러리가 필요할까?부터 생각하게 되었습니다. 리얼월드에서 제공하는 API를 사용해서 간단한 블로그 프로젝트를 진행하려 했는데 reat-query까지 필요할까요... axios만으로 충분하지 않을까요... 근데 또 사용자 경험을 생각하면 reat-query를 사용하는 것이 좋을 것 같기도 합니다.. suspense와 error boundary에 대해서 아직 제대로 공부하지는 않았지만 선언형 방식으로 통신 시 부가적으로 필요한 화면 처리를 할 수 있다는 점이 좋은 것 같습니다. 일단 보류 -
Future Action Plans.
- 리얼월드 프로젝트를 시작합니다. 일단은 react-query 없이 진행하고 react-query와 같은 라이브러리 없이 에러 처리, 로딩 처리 등의 UI를 구현해 보고 얼마나 불편한지 알아보고자 합니다. 또 추후에 react-query를 도입함으로써 이러한 경험이 얼마나 개선되는지 관찰하려고 합니다. 먼저 추후에 react-query를 도입할 때 테스트 코드가 깨지지 않도록 하는 구조에 신경을 많이 쓰려고 합니다.
- 코딩 테스트 문제 풀이는 3월까지 잠시 중단입니다.
- 포폴 개요를 작성해 보려고 합니다.
- 스노클링 포인트 반응형 뜯어 고치기.... 아으....
