개발 환경 - Express 기본 모듈들(express-generator를 통해 설치된 모듈들) - Express-session 위의 두개만 설치하면 된다. 딱 로그인의 기능만 넣을 것이기 때문이다. ./app.js Express - session 세팅은 저번 포스팅대로 app.js에 해주면 된다. 즉 모듈을 불러들여서 기본 암호 등을 세팅해주면 끝난다. ./views/login.ejs , logout.ejs 보여줄 view는 2가지이다. 로그인을 위한 페이지, 로그아웃을 위한 페이지의 2가지이다. 먼저 login을 위한 페이지이다. 12345678910111213141516171819202122 Dalkom Login ID PW 로그인 Colored by Color Scriptercs 단순하게 아이디와..

EJS?이번 포스트는 저번 포스트에 이어서 Express의 템플릿 엔진에 대해서 공부한다. EJS 는 Embedded JavaScript 의 약자로, 내부에 javascript 를 집어 넣어둔다는 의미인데, 사실 조금 다르다.

Express 시작하기 Express 서버를 실행해 봅시다.저번 포스트에 package.json에 대해 배울때에, start라는 scripts에 ./bin/www 를 실행하는 코드가 있었습니다.따라서 npm 명령어로 실행해봅시다. npm start 그러면 위와 같이 node ./bin/www 명령어가 실행되는 것을 알 수 있습니다.PORT는 3000으로 설정되어 있습니다. 주소에 접속해봅시다. 인터넷 주소는 http://localhost:3000 혹은 http://아이피:3000 으로 접속하시면 됩니다. Express 기본 페이지가 뜨는 것을 볼 수 있습니다. 위 사진은 서버를 실행했던 CMD 창인데, morgan 모듈을 통해서 로그가 되고 있는 것을 볼 수 있습니다. GET method로 접근한 클라이..

모듈 분석이번 포스팅은 저번 포스팅에 express 명령어로 파일들을 만들었을 때, 자동으로 포함되는 모듈들에 대해 알아볼 것입니다. express --ejs --css sass 위의 커맨드를 쳐서 만들어진 폴더입니다.웹 템플릿으로 ejs 모듈을 사용하고, css 모듈로 sass를 사용합니다. 그럼 본격적으로 package.json 파일 분석과 기본 코드를 확인해보겠습니다.Package.json설치된 파일에서 package.json을 열면 다음과 같은 내용이 들어있습니다. 위에서부터 이름, 버젼, 배포 여부를 알려주는 name, version, private의 값이 있습니다. npm scripts로는 start를 하면 bin 폴더에 있는 www.js를 실행하도록 스크립트가 짜여 있습니다. 아래의 설치 모..

이미지 출처 : https://www.youtube.com/watch?v=Jh0er2pRcq8 MEAN Stack이란 다음 4개의 웹 서버와 클라이언트 구현을 위한 언어 및 프레임워크 등을 뜻한다. MongoDB : Database System, NoSQL. Express : Node.js의 Framework. Angular.js : Javascript 라이브러리로, 원 페이지 어플리케이션 제작에 유리 Node.js : Javascript로 구현되는 백엔드(서버) 언어 이미지 출처 : http://joaopsilva.github.io/ 각각 위의 사진에서 알 수 있듯이 Client, Server, Database에서의 역할을 한다. 이미지 출처 : http://blog.backand.com/mean-vs..