개발환경 구축

이대로만 하면 너도 서버를 띄울수있다!

---

Node.js 설치

1. https://nodejs.org/ko/에서 LTS버전을 다운받아서 설치
2. 명령프롬프트(CMD)를 켠다. 이건 앞으로 자주쓰게될테니 편하게 쓸수있도록 꺼내두던가 하는게 좋음
3. node -v, npm -v를 쳤을때 버전숫자가 나오면 성공. node -v를 쳤을때 나오는 숫자는 다운받은 버전과 일치하지만, npm -v의 경우에는 다른 숫자가 뜬다. 원래 그런거니까 신경쓰지 않아도 된다.

코드 다운로드

1. 프로젝트 메인으로 이동해서 Clone or download라고 적힌 초록색 버튼을 누른다.
2. 드롭다운이 펼쳐지는데 Git이 설치되어있다면 주소를 긁어서 git clone [주소]를 CMD에 쳐서 다운받을수있음
3. 만약 Git이 없으면 Download ZIP을 눌러서 ZIP파일을 받고 적당한곳에 압축을 풀면 끝.

서버 실행

1. 명령프롬프트(CMD)를 켜고 아까 소스코드를 받아놓은곳까지 이동한다.
2. npm i를 쳐서 모듈을 다운로드
3. 뭔가가 열심히 돌아가면 디렉토리에 아까없던 node_modules이라는 디렉토리가 새로 생기고 그안에 엄청나게 많은 파일이 생긴다. 여기까지 했으면 서버를 띄우기위한 모든 준비가 끝났다.
4. npm run start를 쳐서 로컬 서버를 띄운다. webpack: Compiled successfully.이라는 메시지가 나오면 컴퓨터에 서버가 잘뜬거다. 만약 빨간메시지가 나오면 뭔가 에러가 생긴거니 개발자를 찾아서 해결해달라고 하자
5. 웹브라우저를 켜고 localhost:8080을 치면 메인 화면이 나온다