React - 작업 1일차.

React를 이용하여 Toy 프로젝트를 시작하였다.
Front-end 영역은 원래 잘 못하던 분야기도 하고, 지식이 좀 부족한 부분들도 많아 좀 작업 진도가 많이 느린거 같다.

프로젝트 준비

react app의 골격을 잡아줄 수 있도록, 해당 app을 설치를 한 후 project를 init 해주자

npm i create-react-app             # 프로젝트 생성 도우미 
create-react-app [project명]        # 프로젝트 생성.

프로젝트 수행

cd [project명]
npm start

프로젝트를 수행하게 되면, default port 3000번으로 수행이 되며, 프로젝트에서 수정 사항이 있을 시 자동으로 반영이 된다.

CSS 적용.

React를 배우기 위해서, 참조하였던 글에서 "materialize"을 사용하고 있어 사용하기로 하였다.
Project 내의 "/public/index.html" 파일에 아래의 CDN을 추가하여준다.

<script type="text/javascript" crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>

TODO List

[] 게시판 Layout 잡기
[] express와 연동하여 session값을 통하여 Login 정보 추가하기.