본문 바로가기

Node.js/7. express

(5)
7-5 express get post 데이터 값 가져오기 express 에서 웹상의 데이터 get / post 로 서버로 보내진 데이터를 처리 하는 방식입니다. 혹시 포스팅을 보시고 이해가 안되신다면 위의 예제를 보시면 구조와 방식을 이해하실수 있을 겁니다. 1. 먼저 서버로 돌아가는 app.js 에 다음을 추가해 줍니다. app.use() 부분은 데이터를 json 과 urlencode로 처리 하기 위해 선언부입니다. app.get() app.post() 부분은 함수이름에서 알수 있듯이 url 경로가 /test로 들어오는 데이터 값중 get() 은 /routes/test.js 의 get 함수를 post 일 경우 post 함수를 사용해라~ 라는 선언분입니다. app.use(express.json()); app.use(express.urlencoded()); ap..
7-4 express 404 페이지 핸들링 메인 화면 만큼 가장 중요한 페이지가 바로 404 페이지 입니다!!저의 경우 웹싸이트의 404 페이지가 웹싸이트의 개성을 가장 잘 살린다고 생각합니다.(가장 사소할지도 모르는 페이지를 어떻게 꾸미느냐에 따라서 깊이 있는 개발이라고 생각합니다.)쨋든! express 에서 404 페이지 핸들링(은 다른 페이지들도 똑같은 방법으로 핸들링 가능합니다.)은 간단합니다!! 1. 먼저 서버실행.js 부분에 다음의 소스를 추가 합니다. 저의 경우 랜더링을 ejs로 설정했기 때문에 페이지를 ejs로 했습니다. 만일 jade 나 html 일 경우 확장자를 바꾼다음 2번의 파일새성부분에서 각자의 랜더링에 맞는 페이지를 생성하시면 됩니다. app.use(function(req,res){ res.render('404.ejs')..
7-3 express 에서 ejs 사용하기 express --ejs express_ejs cd express_ejsnpm install ejs는 기본적인 문법이 jsp 와 같습니다. html 태그를 그대로 사용하면서 를 써서 해당 하는 데이터를 받아서 출력합니다. index.ejs 를 보면 쉽게 알수 있습니다. Welcome to 이것을 받아서 출력하게 되는데 해당 데이터를 전해주는곳은 routes폴더 안의 index.js 입니다.(이곳이 모델이 됩니다.) 전달되는 데이터 내용을 추가해 봅시다. 먼저 routes 폴더내의 index.js 파일 입니다. name 과 출력될 데이터를 가 하였습니다. exports.index = function(req, res){ res.render('index', { title: 'Express' , name:'ui..
7-2 express 에서 jade 를 통한 웹구현 express 의 경우 기본 템플릿은 jade 로 설정되어 있습니다. 기본인 만큼 간편하면서 강력한 템플릿 엔진인 jade!간단한 예제로 쭈욱! 살펴 보겠습니다. 1. 먼저 express 명령어를 이용하여 jade 프로젝트를 생성합니다. 아래의 명령어를 실행면 express_jade 폴더가 생성됩니다. express express_jade 2. 생성된 express_jade 폴더로 이동후 cd express_jade npm 명령어를 통해 관련 모듈을 설치해 줍니다. npm install 3. 실행! 참고로 기본 포트가 3000으로 되어 있습니다.(이경우 당연히 app.js 에서 바꿔주면 되겠지요?) http://127.0.0.1:3000 express의 구조는 다음과 같습니다. + node_moudles..
7-1 웹프레임워크 express 시작! Express 는 노드기반의 웹 개발 프레임워크입니다. 앞써 node의 기본 http 모듈 만으로도 기초적인 웹은 제작 가능합니다. 단순히 몇페이지의 웹이라면 말이죠. 프레임워크의 쓰임새는 반복되는 작업의 최소화라고 생각합니다. 웹개발에선 반복되는 작업이 무수하게 많습니다. 그작업을 조금이라도 줄이기 위해선 우린 프레임워크를 써야하죠. 이번장은 간단하게 express 의 간단한 화면 띄우기로 부터 ejs , jade까지 외부모듈을 사용한 웹 개발장입니다. express 의 공식 홈페이지는 http://expressjs.com 입니다. 가이드라인과 API들을 둘러보시면 더욱 좋습니다. 1. 먼저 express 를 설치 합니다. 제가 설치한 버전은 express@3.4.8 버전이군요. sudo npm ins..