개인 프로젝트 회고 (1일차)

<회고록>

1. To-Do-List를 기획한 이유

 

 

제작 이유 : 현재 취업 시장에서 가장 많이 하는 오해가 새로운 기술을 많이 접해보는 것임. 나는 이점을 역을 공략해 기본적인 기술들을 쓰면서 기술적 의사결정과 최적화에 포커스를 맞출려고 함

 

 

기술적 의사 결정의 필요성 : 기술적 의사 결정은 면접에서 필수 질문임 내가 쓴 기술에 이유를 모른다는 것은 결국 그 기술의 장단점을 모르는 것과 같음

 

 

최적화의 필요성 : 최적화는 유저의 만족도를 위해서 꼭 필요한 부분임 아무리 UI가 예쁘고 들어가는 기술이 많다고 해도 정작 성능이 안 좋으면 사용하는 유저는 없을 수 밖에 없음

 

2. 기술적 의사결정

React-Query

 

• 서버 사이드 데이터만 다루기에 규격화 문제를 해결함
• 데이터를 cache , prefetch , stale등 여러 장치들을 통해서 유저의 만족도 , 성능 최적화 , 최신 데이터 업데이트 등이 가능함
• react-query에서 제공하는 여러가지의 훅을 통해서 보일러 플레이트을 해결할 수 있음

Styled-Components

• CSS in JS라는 접근 방식으로 동적 스타일링이 가능해짐
• CSS in JS라는 접근 방식으로 재사용 컴포넌트를 만드는데에 유리함
• 각 요소에 고유의 클래스 이름 부여로 className으로 인한 스타일 충돌 문제를 효과적으로 방지

Recoil

 

• 클라이언트 사이드 데이터만 다루기에 규격화 문제를 해결함
• 다른 여러 라이브러리 보다 사용방법 , 환경설정 면에서 간단함
• Recoil에서 제공하는 여러가지의 훅을 통해서 보일러 플레이트를 해결할 수 있음

Axios

 

• instance : 코드의 가독성 , 유지 보수에 큰 장점을 가짐
• interceptor : 토큰 처리 , 에러 핸들링 , 로그 관리 등 다양한 작업 수행에 유용