[유튜브 클론코딩] #1 #2 Setup

front-end : HTML5, CSS3, Pug

back-end : NodeJS, MongoDB, Express

#1 Introduction

1.3 What is Node JS

Nodejs

= 브라우저 밖에서 쓸 수 있는 JS이다.

= 확장성이 있는 네트워크 어플리케이션 개발에 사용되는 소프트웨어 플랫폼으로 특히 서버사이트에서 많이 사용한다.

 

Electron

= 데스크탑 앱을 만들 수 있다. chromnium과 nodejs을 사용하고 js, html, css를 이용한다.

 

React Native

= 안드로이드, ios앱을 만들 수 있다. js와 reactjs를 사용한다.

 

1.4 What is NPM

npm

= js를 위한 패키지 매니저이다.

= node.js에서 사용하는 모듈들을 패키지로 만들어 npm을 통하여 관리하고 배포한다.

 

#2 SET UP

2.0 Your First NodeJS Project

2.1 Installing Express

express는 Node.js 웹애플리케이션 프레임워크이다.

npm i express

=> express모듈을 설치한다. 

2.2 Understanding Dependencies

npm i

 

=> npm이 알아서 package.json파일의 dependencies를 찾아 그 안에 있는 모듈들을 설치한다.

 

package.json파일

  = 프로젝트 실행 환경을 만들어 줄 수 있다.

  = npm run <script이름>  으로 명령어를 간단하게 실행시킬 수 있다.

 

.gitignore파일

= 파일이 깃허브에 올라가지 않게 숨길 수 있다.

2.3 The Tower of Babel

babel

= js 컴파일러로 최신 js를 컴파일 시켜준다.

= 최신 js 문법과 기술을 기존의 브라우저에서 위해선 필수적이다.

 

package.json 에서 "dependencies"는 프로젝트 실행을 위해 필요한 것이고,

"devDependencies"는 개발자에게 필요한 것이다.

2.4 Nodemon

nodemon

= 파일이 수정되는 걸 감시해주는 패키지

= 서버코드를 변경할 때마다 nodemon이 자동으로 서버를 재시작 시켜준다.

 

//package.json
"dev": "nodemon --exec babel-node index.js"

=> 코드를 수정할 때마다 nodemon이 babel-node로 index.js를 실행시킨다