codestates / codestates/codestory2.0
[김정빈][08/22]
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
### 오늘은 어떻게 프로젝트에 기여했나요?
- 오늘은 게임 파일을 불러오는 방식을 pulblic에 넣어 웹호스팅하여 axios로 불러오는 방식에서 build때부터 fs를 통해 불러오는 방식으로 변경하여 게임 페이지 로딩 속도를 증가했다.
### 오늘의 프로젝트에서 느낀 점이나 기억에 남는 점은 무엇인가요? (필수 1개)
- aws amplify에서 next.js를 배포할 때 getServerSideProps함수와 getStaticProps함수를 한 브랜치안에 동시에 사용할 수 있다는 것을 알았습니다. 원래는 동시에 사용할 수 없다고 오해하고 있었는데 중요한 사실을 알았다.
- 또한 getStaticProps를 사용하면 preRendring을 해줘서 페이지 로딩속도가 즉가한다는 것을 알았다.
- Next.js의 최대 강점이 ssr을 하고 싶으면 getServerSideProps를 쓰고, ssg를 하고 싶으면 그냥 getStaticProps를 쓰면되고 csr을 하고 싶으면 페이지든, 컴포넌트든 axios를 통해 데이터를 불러오기만 된다는 걸 알았고 next.js를 하면 ssr,ssg,csr을 하이브리드로 이용할 수 있는게 최댕강점이다. 덕분에 사이트를 효율적으로 만들 수 있었다. 처음에는 익숙하지 않은 next.js를 안 좋게 볼때도 있었는데 쓰면 쓸수록 react보다 편리한게 많은 것 같다.
- fs와같은 것들은 server에서만 작동하므로 getServerSideProps, getStaticProps, api안에서만 작동한다는 것을 알았다. 그리고 fs를 쓸 때 빌드시 달라지는 디렉토리 구조에 적용할 수 있도록 process.cwd()함수를 사용하면 좋다는 것을 알았다.
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] image upload api를 완성시킬 예정이다.
- [ ] 배포환경에서 api가 제대로 작동 안 하는 걸 확인할 예정이다. 아무래도 sequelize문제인것 같다. 왜냐하면 oauth나 기존의 게임 api는 잘 작동했었다.
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.