styled-component

• styled-component를 사용한 이유는 각 컴포넌트마다 같은 파일 안에 style을 지정할 수 있기 때문에 가독성 측면에서 가장 적합하다는 판단이 들었기 때문에 선택하게 되었다.

개발 순서

1. 마크업을 통해 전체적인 구조 생성
2. 컴포넌트 별로 분리
3. 각 컴포넌트에 맞는 UI 적용
4. 기능 구현

컴포넌트를 나눈 기준

• UI를 기준으로 컴포넌트를 나눴다. 이유는 재사용과 직관성인데 Button과 같은 컴포넌트는 재사용이 가능하다고 생각했고 시각적으로도 UI를 기준으로 나눈 것이 조금 더 직관성이 있기에 유지보수에 좀 더 수월할 것 같다는 판단이 들었다.