WEB/node.js

node.js - 생활코딩 (2020/12/29)

민철킹 2021. 1. 21. 11:56

개요

전공과목 중 웹 프로그래밍 수업을 통해 HTML, CSS, JAVASCRIPT에 대해 배웠었다. 종강 이후에 방대한 Front-End라는

분야에 대해 찾아보던 중 node.js , vue.js 등을 사용하여 웹을 제어하고 구현한다면 내가 생각하던 웹이라는 틀에서 벗어나 더 획기적인 발전을 할 수 있다는 사실을 알게 되고 공부를 시작했다.

 

 

수업 내용 필기

-----------------------------------------------------------------------------------------------------------------------------------

fs.readFileSync ==> node.js의 기능으로 읽어옴.

node.js는 웹서버의 기능도 내장하고 있다.

literal은 정보를 표현하는 방법

templete literals의 시작과 끝을 의미하는 `
이것을 사용하면 원래 문자열을 할때처럼 "문자열" + 변수 + "문자열"
이렇게 하지않고
`문자열 ~~~~ ${변수} ~~~~~ '를 하면 된다.
중간에 줄바꿈도 \n을 하지 않고 그냥 엔터 하고 다음 줄부터 쓰면 되는 것.

 

현재는 각각의 html을 작성하고 main.js를 통해 불러온 것뿐.

따라서 정적인 각각의 html를 여러 개 저장해야 함.

 

"opentutorials.org:3000/main?id=HTML&page=12"를 예시로 보면

http ==> protocol

opentutorials.org ==> host(domain)

3000 ==> port
main ==> path
id=HTML&page=12 ==> query string

 

이 query string의 값을 바꿔서 홈페이지 변경 가능. 시작은 ?로 시작
이를 통하여 정적인 html이 아닌 node.js로 동적으로 생성한 정보를 
웹에 전달.

CRUD
C - Create
R - Read
U - Update
D - Delete

fs.~~~ ==> fs는 File System

cmd 창에서 cd ..을 입력하면 부모 directory로 이동함.

현재와 같이 본문의 내용을 따로 data폴더에 저장한 후

fs.readefile을 통해 main.js 에서 읽어오는 형식으로 실행한다면
data폴더의 본문 내용을 수정하는 것은 새로고침을 통해
변경 사항을 확인 가능하다.

하지만 main.js를 변경하려면 node.js를 껐다 켜야 함.

 

++ package manager(npm)의 pm2모듈을 사용하면 node.js를 껐다 키는 번거로움 없이 자동으로 변경 사항이 있을 때마다 웹을 리로드 시켜준다.

npm install pm2 명령어를 터미널에 입력해 설치

 

 

 

 

 

github.com/MinChul-Son/Studying_node.js

위의 github에 node.js관련 전체 소스코드들이 있다.

반응형