코드캠프 - 첫 오프라인 강의

eggMun·2023년 1월 9일
0

오늘 드디어 본캠프인 코드캠프에 입소하였다.
처음 코드캠프에 가서 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를 터미널에 입력한다.

profile
블로그 이전: https://medium.com/@eggmun98

0개의 댓글