블블의 개발 블로그

1. express를 설치한다 : 글로벌로 설치하게 된다면 cmd창에서도 명령어로 사용할 수 있다. > npm -i -g express-generator 2. > express lean-express --view=pug 3. express를 사용할 때 필요한 패키지를 설치하자 > npm i * 만약 다른사람한테 내 프로젝트를 보여주고 싶다면 노드 모듈 폴더는 삭제하고 보내주자. 노드 모듈 폴더는 생각보다 파일 크기가 크기때문에 삭제 후, npm i 명령어를 입력한다면 다시 자동으로 패키지 설치가 가능하다. 4. 서버 시작 > npm start 5. learn-express/bin/www 기본 포트는 3000번대이다. 6. 확인

https://www.npmjs.com 에 접속해서 회원가입을 한 후, 터미널 창에 > npm adduser 명령어 입력. Username, Pw, Email을 차례대로 입력한다. > npm whoami : 누가 로그인 했는지 > npm logout : 로그아웃 ** 아 그리고 배포하기 전에 > npm version (patch, minor, major)을 하면 하나씩 올라간다.!! 패키지 실행에 있어서 제일 중요한 부분, 즉 '진입점'은 index.js이다. 가장 중요한 파일이고 다른 사람들의 패키지를 다운받아서 볼때 main 부분을 먼저 봐야한다. 만약 여기서 이런 에러가 발생한다면 npm ERR! code E403 npm ERR! 403 Forbidden - PUT https://registry.n..

> npm i express@4.14.0 : 버전을 직접 정해서 설치할 수 있다. > npm outdate : 새로운 버전이 나온 모듈을 알려준다. > npm update : 전부다 업데이트 가능 > npm remove(rm) morgan : 모듈 삭제 > npm search express : 패키지 검색 > npm info express express : 자세히 검색 > npm ls express : 모듈을 누가 설치했는지, 어디서 딸려왔는지 알 수 있다.

버전의 공통점을 찾아보면 모두 세 자리로 되어있다. 세자리는 모두 각각의 뜻이 있는데, major.minor.patch 1. major : 대규모 변화 2. minor : 신기능 추가 3. patch : 버그 수정

npm(Node Package Manager) : 노드의 패키지 관리자 패키지란 ? 다른 사람이 만들어놓은 모듈이다. 1. 패키지 설치 > npm init 2. 패키지를 설치하게 되면 package.json이라는 폴더가 생기는데 내 피키지에 관한 정보가 있다. 3. 다음에 express를 공부할 예정이므로 express 모듈 설치 > npm install express 4. 갑자기 package-lock.json이라는 파일이 생기고 package.json에는 express 모듈이 설치됐다는 정보가 표시된다. package-lock에 엄청 많은 파일이 생기는 이유는 express모듈을 사용하기 위해서는 package-lock에 있는 파일들이 필요하기 때문이다. 5. >npm install jest --sa..

* url 모듈 : 인터넷 주소를 쉽게 조작할 수 있도록 도와줌 ex ) url.pares(주소) : 주소를 분해 * qs , querystring 모듈 : 기존의 url을 사용할 때 쉽게 객체로 만들어준다. * cost session = {} : 메모리에 객체를 잠시 저장하는 것 * fs 모듈 : 정적인 파일을 읽을때 쿠키 ? 세션 ? 차이점은 ! 결국 중요한 정보가 어디에 담겨있냐의 차이이다. 중요한 정보 = 세션 중요하지 않은 정보 = 쿠키 RestAPI 란? 서버에는 자원이 존재한다. ID, 댓글, USER정보 등 ... 이 자원을 가져올 때 주소를 통해 가져오는데 , 이 주소를 어떻게 구조화 할까 ? 가 바로 RestAPI이다. * GET : 가져오다 * POST : 등록하다 * PUT : 통째..

routing.js에서 사용하는 모듈들 쿠키를 string으로 parse : 이 부분은 어려우니까 추후 공부 예정 서버에 연결 코드를 보면 크게 3가지로 나뉘는데, 1. if(req.url.startWith('/login')) : 들어올때 /login으로 들어오면 if문을 실행 : 'Set-Cookie' ~ 쿠키를 설정해주는 부분이다. 위에 const query, name구해준 이유도 쿠키를 설정해주기 위한 것 : Location : '/'은 로그인페이지에 들어오게 된다면 다시 루트페이지로 가는 명령이다. : res.wrteHead(302,~ : 다른 page로 응답하기 위해서 위의 Location을 실행하기 위해서 2. else if (cookies.name) : 로그인이 아니고 쿠키를 가지고 있는 상..

모듈부분을 건너뛰고 바로 실습으로 들어가니까 뒤처진다 ㅜ 오늘 공부는 쿠키 마무리하고 자려했으나 내일 마저해야겠다 ㅂㄷㅂㄷ

Express 프레임워크는 코드의 양도 줄여주고 추후 유지보수가 쉽도록 만들어주기 대문에 사용한다. http, path, fs, url등의 모듈은 Node.js에서 기본으로 제공하는 패키지였기 때문에 설치할 필요가 없지만 Express는 개인이나 단체가 만든 패키지이기 대문에 npm에서 다운로드를 받아야 합니다. http 모듈은 Express에서 내부적으로 처리하기 때문에 더이상 사용하지 않아도 된다. app = express() ;을 사용해서 만든 Express app 객체로 모든 서버의 일을 처리한다.

fs 모듈 : 파일을 읽고 쓰는 모듈 readFile메소드로 Html 파일을 읽어서 읽은 데이터를 브라우저로 보내고 있다. url 모듈 : 주소를 분석하는 모듈 이 모듈을 사용해서 url에 따라 다른 HTML을 전송하는 라우팅을 구현하고 있다. url.parse 메소드로 요청한 주소 request.url을 분석하여, path 변수에 분석한 url을 답고, GET요청일 때, url에 따라 각각 다른 HTML 파일을 읽는다. 그 전에, response.wrteHead 메소드로 response.setHeader 메소드와 같이 header을 설정한다. 파일을 다 읽은 후 response.end 메소드로 읽은 data를 전송하고 있다. _dirname : 현재 프로젝트의 경로를 의미. _dirname + '/ma..