SPACE_DEV_CLUB - 1

Velog와 유사한 웹 사이트 설계 프로젝트를 6명의 팀원과 진행하게 되었다.

여러가지 Stack들 중에서 어떤 것을 사용할지 회의 끝에 결정했다.

Stack

• Front

  • React Hooks
  • Next.js(SSR)
  • styled-component
  • TypeScript

• Back

  • Express
  • Axios
  • DB 미정(Mysql or MongoDB)
  • 배포 미정(AWS or Netilfy)

• 협업 툴

  • Slcak
  • Notion
  • GitHub

GitHub 초대

팀원들과 회의하며 초기셋팅을 하고 푸시된 GitHub 레파지토리를 나의 로컬에 clone했다. 우리는 속도적인 측면을 위해 yarn 을 사용하기로 하여 yarn install 으로 모듈들을 설치해주었고, 초기 셋팅에 맞게 yarn dev 로 실행시켰다.

하지만 Failed to load next.config.js가 나타났다. 삽질을 하던 도중 무의식적으로 나는 node -v를 입력했고 노드 버전이 매우 낮은것을 알게되었다. 그래서 윈도우 노드 최신 버전 설치 에서 최신 버전을 설치해주었다. 그리고 다시한번 버전을 확인해주니 최신 버전으로 올라갔다.

yarn dev로 다시 프로젝트를 실행해주어 정상적으로 초기 셋팅이 된 페이지가 동작했다.

나를 포함한 팀원들이 TypeScript를 사용해본 경험이 없었다. 그래서 다음주까지 게임 만들기 Velog에 있는 다른 글자 찾기 게임을 Next와 TypeScript로 설계하며 학습해오기로 했다.