🔨 Skill Spec [FE]

Skill Spec

Framework, Library 선정 이유

1. React Framework: CRA(create-react-app)

• 현재 팀의 FE를 담당하는 팀원의 기술 기반은 앱이 아닌 '웹'이기 때문에, 앱에서 사용하는 언어에 익숙하지 않아서 새로
  네이티브 혹은 크로스 플랫폼 언어를 배우는 데는 시간이 오래 걸릴 것으로 예상하였음.
• 기한 안에 요구사항을 만족해야 하는 해커톤인 만큼, 익숙한 React로 진행하는 것이 좋을 것 같다고 판단하였음.

2. PWA (Progressive Web App)

• 결과적으로 과제의 요구사항은 앱 서비스이기 때문에 웹 기술을 적용하더라도 사용자에게 모바일 앱과 같은 사용자 경험을 제공할 수 있어야 한다고 생각함.
• 또한 HTML, CSS, JS와 같은 웹 기술을 적용했음에도 불구하고 푸시 알림, 오프라인 지원과 같은 네이티브 앱의 특징도
  적용할 수 있기에 시간적으로, 기술적으로 요구사항을 모두 만족시킬 수 있다고 판단하였음.

3. Recoil (상태 관리 라이브러리)

• redux와 recoil중 고민했는데 좀 더 직관적이고 간단한 구조를 가진 recoil을 선택하게 되었음.
• 기한이 길지 않은 해커톤인 만큼, 상대적으로 적은 코드를 작성하는 recoil이 redux에 비해 유리하다고 생각하였음.
• 상세 선정 이유 링크: https://velog.io/@ken1204/상태관리-라이브러리-Recoil-Redux

4. styled-components (스타일 도구)

• javascript 파일 내에서 스타일을 관리할 수 있도록 해주는 라이브러리 (CSS-in-JS)
• React에서 props를 활용한 조건부 스타일링 가능
• CSS를 컴포넌트화 할 수 있어 스타일시트의 파일을 유지보수 할 필요가 없음.
• 상세 선정 이유 링크: https://velog.io/@ken1204/styled-components-선정의-이유

5. eslint, prettier

• eslint: 코드 컨벤션 및 규칙 설정
• prettier: 코드 컨벤션 및 스타일 설정