[인스타그램 클론코딩] 1. 0 Setting up the project

안녕하세요 강정호입니다.

 

오늘은 인스타그램 클론코딩의 첫 날입니다. 앞으로 많은 코딩을 해야합니다. 하지만 천리 길도 한 걸음부터 시작합니다. 꾸준함이 생명인 프로그래밍 공부를 꾸준히 해서 꼭 멋진 어플을 만들 것입니다.

 

1. Github에 Repository 생성하기

- 깃 헙에서 레포지토리를 생성하고 프로젝트를 로컬에 clone 합니다.

 

2. npm init

- 클론된 프로젝트의 package.json 파일을 생성합니다.(https://doncolmi.github.io/Node.js-%EA%B3%B5%EB%B6%80(7)/)

   package.json 파일은 배포한 모듈 정보를 담고자 만들어졌다. 또한 노드로 작성하는 애플리케이션도 package.json 파일을 사용해 관리할 수있다. 굳이 확장 모듈 형태로 배포하기 위한 것이 아니더라도 애플리케이션 개발 때 package.json 파일을 이용하면 확장 모듈에 대한 의존성 관리가 가능해 편리하다.

- package name, version, description 등등의 정보를 입력한다. 입력할게 없다면 그냥 enter를 누르고 통과

 

3. npm add graphql-yoga

- GraphQL 프로그램 설치

 

4. npm add nodemon -D

- nodemon을 설치하는 명령어

- nodemon(https://doncolmi.github.io/Node.js-%EA%B3%B5%EB%B6%80(7)/)

노드가 실행하는 파일이 속한 디렉터리를 감시하다 파일이 수정되면 자동으로 노드 어플리케이션을 재시작하는 확장 모듈이다.

이를 이용하면 개발 중인 노드 애플리케이션 소스 코드를 수정할 때마다 매번 노드 명령어를 통해 새로 시작할 필요가 없어 매우 편리하다.

 

5. node add babel-node

- babel 을 설치

6. node add babel-cli -D

- babel cli 설치

 

7. package.json에 스크립트, devDependencies 추가

- npm run dev 명령어를 치면 해당 명령어가 실행되면서 server.js 파일이 실행된다.