[만세력]React Mobx설치와 Bootstrap설치

lukawitch·2019년 11월 28일
0

만세력프로젝트

목록 보기
2/2

만세력 프로젝트

먼저 어떠한 프로젝트를 만들어야겠죠

npm과 react를 사용할 기초적인 환경은 이미 예전에 설치를 해두었습니다.

다 설치를 한후 콘솔창을 먼저 키세요.
그다음 cd 명령어로 원하는폴더로 이동하세요

cd 폴더경로

이런식으로요. 그다음에 이제 프로젝트를 만들것입니다.

create-react-app 프로젝트이름

이명령어를 입력하면 npm이 잘 설치가 되었다는 가정하에
프로젝트가 잘 생성이 될것입니다.

그다음 가장중요합니다!!
eslint를 설치해줄것인데요.

eslint란?

음 간단하게 말하면 코드를 보기좋게 정렬해주는 그런것입니다.
혼자 코딩을 하고 그런거면 상관이 없겠지만 아무래도 협업을 하려면 코드가 보기좋게 되어있어야 사람들이 코드를 이해하기 편하겠죠.

npm i eslint

이명령어로 eslint를 설치해준후
(i=install입니다.)

eslint --init

이명령어를 사용해 eslint기초설정을 해줍니다.
저는 저의환경에 맞게 알아서 설정해주었어요!

그다음 mobx를 깔아봅시다

mobx란?

어떠한값의 상태관리를 좀더 편리하고 성능을 높여주는 그러한 관리툴이라고 생각하면됩니다.
일단 mobx에 대해서는 추후에 작성될 React포스트에서 다시 만나보기로하고, 일단 이정도로만 알아둡시다.

npm i  mobx mobx-react

이명령어를 치면 간단하게 설치 가능합니다.

그다음 bootstrap을 깔아볼까요
자세한 내용은 밑링크로 가주세요!
https://reactstrap.github.io/

npm install --save bootstrap
npm install --save reactstrap react react-dom

설치를 한후,
index.js파일에다가

import 'bootstrap/dist/css/bootstrap.min.css';

이것을 넣어주면 bootstrap도 사용이 가능합니다.
이제부터 본격적인 개발을 시작해보도록 하겠습니다.
아마 한동안 UI작업을 위주로 할거같긴하네요

0개의 댓글