코드잇 스프린트 20주 차 후기

코드잇 스프린트 4기

 

기간

2024-05-06 ~ 2024-05-10

 

과제

팀 데일리 미션: 매일 팀마다 1명이 1개의 질문을 하고 나머지 팀원들이 답변

위클리 미션: 주마다 배운 내용을 바탕으로 스프린트 과정 동안 만들어가는 개인 프로젝트

위클리 페이퍼: 주마다 정해진 2개의 주제에 대해 조사

 

학습

토픽 31. GA/GTM

토픽 32. React Query

 

스터디

codingTest: 매 주 월, 목 프로그래머스 Lv. 0 모든 문제 풀기

으쌰으쌰: 매일 모던 자바스크립트 Deep Dive 책 정해진 진도 공부 후 정리

 

후기

이번 심화 팀 프로젝트는 시작까지 남은 기간이 별로 없다.

그 기간 동안 팀 데일리 미션을 하는 것보다 프로젝트에 더 의미있는 작업을 같이 진행하면 좋겠다고 생각했다.

주 차 별로 생각해둔 것은 많은데 욕심 부리지 않고 Input 공통 컴포넌트를 만들어 보기로 했다.

 

Input 공통 컴포넌트는 앞서 두 번 만들었는데 사용할 때 조금씩 문제가 있어서 더 좋은 공통 컴포넌트를 만들어보고 싶은 생각을 계속 해왔었다.

지난 파트 3에서 멘토링 시간에 이런 고민을 말씀 드렸었고 공통 컴포넌트를 만들 때 합성 컴포넌트를 활용하면 내 고민을 많이 해소할 수 있다는 피드백을 받았다.

 

나름 고민 끝에 합성 컴포넌트를 도입한 Input을 만들었는데 매번 사용하는 곳에서 합성 컴포넌트를 조립하는 것보다 그 합성 컴포넌트로 또 다른 컴포넌트를 만들어서 사용하면 재사용성을 확보하면서 추상화된 컴포넌트를 만들 수 있다는 것을 알게 되었다.

예를 들어 Input을 합성 컴포넌트로 만들고 그것을 조립해서 SearchInput을 만들고 활용하는 것이다. 즉, SearchInput은 우리가 흔히 아는 일반적인 컴포넌트이다.

 

멘토님께서 좋은 공통 컴포넌트를 만들 때 참고하면 좋은 라이브러리로 Radix UI, shadcn/ui를 추천해 주셨다. 나도 언젠가 라이브러리로 사용할 수 있는 좋은 공통 컴포넌트를 만들 수 있으면 좋겠다.

 

 

감사합니다.