MeanStack (deprecated)
-
6장 express 정적파일 컨트롤 + 뷰시스템 (ejs)MeanStack (deprecated) 2016. 6. 10. 22:17
web application 이라면 당연히 다양한 뷰를 선보여야 한다. 텍스트만 딸랑나오는 web 이라면 누구나 바로 흥미를 잃어 버릴 것 이다. 그래서 이번엔 express 환경에 뷰 시스템을 붙여보자. 원래라면 angular.js 를 붙여야 하지만 , 그건 나중에.. 일단은 기본적인 html 을 붙여보자. express 에서 뷰를 생성하는 메소드는 2개가 있다. app.render() 는 뷰를 생성 하기 위해 사용되며, 콜백 함수에 HTML 을 전달한다. 그리고 또 한가지 res.render() 는 뷰를 지역적으로 생성하며, 응답으로 HTML 을 전송한다. 흔히 HTML을 응답으로 받기를 원하기 때문에 res.render() 를 더욱 자주 사용한다. express 에는 유명한 HTML 템플릿 엔진으로..
-
5장 express 추가 구성, 다양한 환경 대응MeanStack (deprecated) 2016. 6. 8. 23:55
이번엔 express 를 제대로 활용하기 위한 외부모듈 추가와 다양한 환경에서 다르게 동작하게 하기 위한 환경을 구성을 해본다. 예를 들면 개발환경에서는 logger 를 보기 원하지만 상용환경에서는 logger 가 필요 하지 않고 응답데이터를 압축하여 조금 더 빠른 환경을 원할 수 있다. 이를 구분하기 위해서 process.env 속성을 사용한다. process.env는 전역 변수이며, 미리 정의된 환경변수에 대한 접근을 허용한다. 가장 일반적인 환경 변수는 NODE_ENV 이다. 사용하면서 알아보자. 이를 위해 추가로 설치 할 모듈은 morgan, compression, body-parser, method-override 이다. package.json 이 있는 폴더로 가서 cmd 창을 열자. npm i..
-
4장 express 를 활용한 Routing 처리MeanStack (deprecated) 2016. 6. 8. 00:55
이번엔 express 모듈을 활용한 요청 라우팅 처리를 해보자. 사용자가 들어오는 주소에 따라 다양한 응답을 선보일려면 라우팅처리는 필수이다. 먼저 코드를 보자. app.get('/', function(req,res) { res.send('This is a GET') }) app.post('/', function(req,res) { res.send('This is a POST') }) 위 코드는 get 과 post 로 들어오는 요청에 대한 미들웨어 함수를 수행한다. 여기서 express 는 아래와 같이 미들웨어를 연쇄 형태로 만들 수도 있다. app.route('/').get(function(req,res) { res.send('This is a GET'); }).post(function(req,res)..
-
3장 - express 를 활용한 Node.js 시작하기MeanStack (deprecated) 2016. 6. 7. 00:58
* Express 를 활용하여 Node 서버 만들기 Node.js 에서 Web Application 을 만들 때 가장 많이 쓰는 모듈이 Express 모듈이다 . Express 는 일반적인 Web Application 기능을 포함한 모듈로서, node.js 의 커넥트 모듈위에 만들어져있으며 미들웨어 아키텍처를 활용하며 다양한 데이터 출력지원 , 라우팅 시스템등이 좋은 예다. 실제로 express 에 포함된 모듈을 보고 싶으면 express 를 설치한 폴더로 가서 express의 package.json 파일을 보면 된다. (수많은 모듈이 express dependencies 에 정의되어 있다.) 스샷 처럼 express 는 WebApp 을 개발하는데 필요한 수많은 모듈을 집합하여 사용자가 쓰기 쉽도록 만들..
-
2장 - 환경구성 ( Node.js 개발 Tool , 모듈 관리 Npm , Package.json )MeanStack (deprecated) 2016. 6. 6. 17:45
1. MeanStack 개발 Tool 저번에 이어서 마지막으로 개발에 필요한 Tool 을 정해본다.Javascript 를 개발할 때 쓸 수 있는 Tool 은 너무너무너무 많다. 왠만한 Tool 은 다 된다고 본다.기본적인 윈도우 메모장 , NotePad++ , Eclipse , Visual Studio , WebStrom , Atom , SublimeText 등 너무너무많다. 위 언급한 개발 Tool 중 탑은 당연히 Visual Studio 가 단연 최고의 기능을 가지고 있으며, Javascript 뿐만 아니라 c , c++ , c# , node.js , angular 등 수많은 언어를 지원하고 ,엄청난 디버깅 기능과 편리기능이 모두집약 되어있다. 거기다 이번에 Visual Studio 2015 Comm..
-
1장 - 환경구성 ( Node.js, MongoDB ) 설치MeanStack (deprecated) 2016. 6. 4. 00:19
1. Node.js 설치 최근 MeanStack에 관련된 책과 강의를 보며 구글링을 해보았지만 국내에서는 많은 자료를 찾기 힘들었다. 그래서 복습도 할 강의와 책을 통해 배웠던 내용을 조금 더 알기 쉽게 풀어서 내용을 적으려고 한다. 이번 MeanStack 의 최종점은 간단한 SNS Web applicaiton을 만드는 것 이 최종목표이고 , 추후 Angular.js 2 를 활용한 application 도 같이 만들 것 이다. MeanStack 을 처음 접하는 사람도 쉽게 따라 올 수 있고, 나중에 내가 봐도 '아' 하면 '어' 하고 나올 수 있도록 처음부터 끝까지 최대한 쉽게 풀어보려고 한다. (사실 본인도 초보라 설명을 디테일하게 하지 못 한다...) 먼저 작업환경 구성을 위해 Node.js 를 설치..
-
Mean Stack ? (민스택)MeanStack (deprecated) 2016. 5. 29. 01:31
사이트 : http://mean.io Full Stack Javascript Framework 의 한 종류인 MeanStack 은 DB = MongoDBFramework = Express Front-end Framework = Angular.jsPlatform = Node.js 를 사용하고 앞글자를 따서 MeanStack 이라 부른다. 간단히 역사를 설명하자면 ------2008년 구글이 크롬브라우저와 V8 자바 스크립트 엔진을 출시하면서 jQuery 나 Prototype 같은 유틸리티 라이브러리로 대표되는 모던 웹 개발 방식이 탄력을 받기 시작한다. JIT 컴파일 기능을 탑재한 V8 엔진은 자바스크립트 성능을 엄청나게 개선했다. 2009년 Node.js 가 출시되며 자바스크립트를 서버에서 구동할 수 있..