프론트 엔드로는 Next.js 를, 백엔드로는 Node.js 를 사용하였다.

백엔드 명령어

npm run start:dev

프론트 엔드

시작할 때 명령어 : yarn dev
React 에서의 Naming 규칙 : https://doodreamcode.tistory.com/176
Next.js 구조 : https://velog.io/@wolverine/%EB%B2%88%EC%97%AD-Next.js-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-3.-Assets-Metadata-and-CSS#%EC%A0%95%EB%B3%B4-%EC%A0%9C%EA%B3%B5
사진 배치 할 때 두개씩 배치하는 법 : https://stackoverflow.com/questions/45829632/how-can-i-make-my-flexbox-grid-have-2-rows-and-3-columns-but-still-be-centered
리액트 할 때 발생했던 오류 : https://pimpdevelop.tistory.com/14
탭 페이지 구현 : https://soft91.tistory.com/96
Next.js 에서의 Routing 하는 방법 : https://yceffort.kr/2020/03/nextjs-01-route

Git flow

모든 브랜치 작업은 Git Flow를 사용하여 관리한다.
Git flow 전략은 이번 프로젝트를 통해 처음 사용해 봐서 어려웠다,,,

nvm

node 의 버전을 바꿀 수 있다.

graphql

Rest api 대신, graphql 을 통해 서버로 부터 데이터를 쉽게 불러올 수 있다.
https://owin2828.github.io/devlog/2020/11/12/GraphQL-1.html

apollo-client

GraphQL 을 효율적으로 사용하기 위해 apollo-client 를 사용한다.

PostgreSQL

데이터 베이스는 PostgreSQL 을 사용하였다. 다양한 플랫폼을 지원한다는 것, MySQL에 비해서 SQL 표준을 더 잘 지원하고 기능이 더 강력하며, 쿼리가 복잡해질수록 성능이 더 잘 나오는 편이다.