프론트엔드 프로젝트 진행 큰그림

[geoseong]

안녕하세요

kendra-button의 frontend side 진행 시 같이 익혀 나가야 할 사항들을 여기에 한 번 정리 해 보고 하나씩 지워나가면 어떨까 합니다.

아래 정리 된 내용들은 상단 Project 탭의 Frontend Project에다가 항목별로 TODO로 올려 놓았습니다

다른 의견 있으면 남겨주시기 바랍니다.

Boilerplate

next.js react framework 로써 static generation, server side rendering, page routing, typescript, css-in-js 내장지원

참고자료

• next.js "Learn" 페이지
• typescript 프로젝트 기본예제: next-learn-starter

Amplify CLI & Framework AWS 주요 리소스들(API Gateway, Lambda, Cognito, AppSync, S3, etc...)을 CLI로 직접 만들고, Framework에서 사용 가능 CI/CD, Web Hosting 또한 가능함

TODO

• [x] external api 호출 방법 정하기
  • git project link
  • Amplify의 API 사용(GraphQL or REST)
  • 이미 존재하는 endpoint도 configure 하여 호출 가능
  • node-fetch 사용
  • next.js의 learn페이지의 예제(Pre-rendering and Data Fetching -> 8번째 페이지)로 사용되고 있고, light한 라이브러리

End User Use Case

TODO

• [x] 우리 서비스를 넣고자 하는 사용자 사이트 안에 넣는 방법 구상
  • git project link
  • 구상 1: 사용자 페이지의 Githubissues.
  • Githubissues is a development platform for aggregating issues.