오늘 드디어 본캠프인 코드캠프에 입소하였다.
처음 코드캠프에 가서 ot를 들었다.
ot에서는 앞으로 강의 방식과 어떻게 부트캠프를 진행하는지 알려주었다.
ot가 끝나고 첫강의를 들었다.
첫 강의에서는 강의를 듣기 위한 준비를 하였다.
먼저 next.js, react.js, Emotion, Apollo-Client, Graphql, Ant-Design, Axios 라이브러리를 설치 하였다.
next.js와 react.js 설치 방법
next.js는 https://nextjs.org 사이트에서 다운 받을 수 있다.
Docs를 누른다.
그리고 npx create-next-app 를 복사해서 원하는 폴더의 터미널에 붙여넣기 한다.
최신버전을 다운 받고 싶으면 npx-create-next-app@latest 복사해서 터미널에 붙여넣기 하면된다.
하지만 우리는 17버전으로 강의를 듣기 때문에 17버전을 다운받는다.
그리고 해당 폴더에 아래의 명령어를 복사한다.
yarn add next@12.1.0 react@17.0.2 react-dom@17.0.2 --exact
이 명령어는 리액트 17버전과 리액트17을 지원하는 넥스트를 설치해 준다.
그리고 npm install라는 명령어를 입력한다.
yarn 설치방법
npm install -g yarn 라는 명령어를 터미널에 붙여넣기 하면 된다.
근데 관리자 권한 문제로 오류가 발생하였다.
오류가 발생했을 경우는 sudo npm install -g yarn를 입력한다.
yarn 설치 확인 방법은 터미널에 yarn -v를 입력하면된다.
Emotion 설치방법
https://emotion.sh/docs/introduction 사이트에 접속한다.
오른쪽 사이드바에서 Install를 클릭한다.
그리고 yarn add @emotion/react 명령어를 복사하여 터미널에 입력한다.
또 스크롤을 내려서 With styled 부분에서 yarn add @emotion/styled 를 복사해서 터미널에 입력한다.
Apollo-Client와 Graphql 설치방법
https://www.apollographql.com 아폴로 사이트에 들어간다.
그리고 Developers의 Docs 항목으로 들어간다.
그 다음에는 Apollo Docs Home의 Apollo Client/React 항목으로 들어간다.
Get started를 클릭 후 npm install @apollo/client graphql를 복사해서 터미널에 붙여넣기 한다.
Ant-Design 설치방법
https://ant.design 사이트에 들어간다.
docs를 클릭한다.
그리고 yarn add antd 를 복사 후 터미널에 붙여넣기 한다.
Axios 설치방법
yarn add axios를 터미널에 입력한다.
