realworld

목표

• 본 과제의 목표는 RealWorld 리액트 앱을 둘이서 페어로 만들어보는것이다

기대 효과

• 팀워크 향상, 페어 프로그래밍 경험

  • 페어 프로그래밍에대해 충분히 조사한 후 진행해 주세요

• 프론트엔드 구현력 향상

  • css, api가 이미 구현되어있기 때문에 FE 구현에 집중할 수 있습니다

자료

• Swagger: https://api.realworld.io/api-docs/

• FE Specs: https://realworld-docs.netlify.app/docs/specs/frontend-specs/templates

• 데모 앱: https://demo.realworld.io

• realworld 깃헙: https://github.com/gothinkster/realworld

요구 작업

1. 프로젝트를 생성

• 페어중 한명의 깃헙 계정아래 레포를 만들고 나머지 한명을 초대한다

2. 리액트 프로젝트 설정

• 아래중 택1
• 1. Vite react-ts 로 생성
• 2. 웹팩을 직접 설정한다
  • 참고자료: https://dev-yakuza.posstree.com/ko/react/start/
• 3. CRA로 프로젝트를 설정한다

3. 효율적으로 작업하지 마세요

• 작업을 나눠서 진행하지 말고 같이 진행하세요

4. 자유롭게 상의해서 RealWorld와 비슷한 앱을 만드세요!

• 상의 하에 제한사항을 벗어나지 않는범위에서 스펙을 변경하거나 스타일을 바꿔도 됩니다
• 제한사항: 리액트 사용, 타입스크립트 사용
• 권장사항: 전역 상태관리로 recoil 혹은 react-query 사용