Node-js-2

Node-js - Log in 기능 만들기

---

폴더 구조 최적화 git, github 업로드 nodemon —

Package.json / node_modules

npm init -y : package.json 설정 -> npm홈페이지에서 등록 시 찾기 가능, 기본 값, 설명 세팅

package.json

{
  "name": "login-lecture-test",	// 기본 이름
  "version": "1.0.0",		// 버전
  "description": "",			// 프로그램 설명
  "main": "app.js",			// 메인 함수
  "bin": {
    "login-lecture-test": www.js	// 기본 실행 함수
  },
  "dependencies": {
    "express": "^4.17.1",		// 기본적으로 의존하는 모듈 ( 이전에 설치했던 express, ejs)
    "ejs": "^3.1.6"	
  },
  "devDependencies": {},		// 개발 시 의존하는 함수 ( ex> prettier )
  "scripts": {			// 사용하고 싶은 명령어 설정
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],			// 검색 시 키워드
  "author": "",			// 권한자 (이름)
  "license": "ISC"			// 라이센스
}

start라는 명령어를 따로 만들어주려면 ? scirpt !

"scripts": {
    "start": "node ./bin/www.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

homepage, git url 설정 가능

node_modules express, ejs와 같은 npm 모듈들을 모아둔다. git 에 저장할 때 올릴 필요는 없다. 왜? package를 통해 dependencies 에 저장되어 있으므로 다시 설치가능

"dependencies": {
    "express": "^4.17.1",		// 기본적으로 의존하는 모듈 ( 이전에 설치했던 express, ejs)
    "ejs": "^3.1.6"	
  },

package-lock.json : 조금 더 명확하고 상세한 package

깃, 깃허브에 노드 업로드

nano gitignore : gitignore 내에 입력 및 파일 생성

.gitignore 내에는 node-module을 넣어 github에 올리지 않도록 한다. why? package.json을 통해서 다시 받을 수 있기 때문에

전체적으로 node.js를 올릴 때 ignore 되는 것을 템플릿으로 정리해준 곳 (node를 선택) 그 안에 **node-module을 해줘서 폴더 구조가 어떻게 되어있든 이름만 같으면 ignore하게 해준다.

license도 github내에서 찾아 올리자 .

폴더구조 최적화 + public 안에 js 파일 따로 만들어주기.

app -> bin, src, app.js를 넣자

폴더를 최적화 할 떄,

login.ejs 여기서 js로 바로 갈 수가 없다.

public을 만들어서 안에 src/public/js/home/ 이렇게 만들어준다. 그리고 static 경로를 생성해줘서 접근 가능할수 있도록한다.

app.js
app.use(express.static(`${__dirname}/src/public`)); // public으로 폴더 구조 만들 때 이용할 수 있도록 한다.
app.use("/", home);

위에서 만든 js 폴더는 프론트 단에서 움직이는 javascript를 나타낸다.

폴더 구조는 다음과 같다.

nodemon으로 서버 띄우기 / 개발 생산성 높이기

서버를 껐다가 켜는 것을 안하고 켠 상태에서 코드를 수정해도 바로 바꿀 수 있다.
터미널 이용 시 powershell에서 안됨! bash나 cmd 이용해서 nodemon 설치할 것

	npm install nodemon -g