웹 공부/웹 개발 (MEAN) (17) 썸네일형 리스트형 Node.js) 새로운 루트 추가 메인 루트 : http://localhost:3000 새로운 users 루트 : http://localhost:3000/users/ (별도의 폴더 routes를 만들고 이곳에 users.js 파일 생성 예정) app.js const app = express(); const users = require('./routes/users'); //이 부분 추가 const port = 3000; app.use(cors()); app.use(bodyParser.json()); app.use('/users',users); //이 부분 추가 다음, routes 폴더 만들고 users.js 파일 생성 users.js const express=require('express'); const router=express.Rout.. Node.js) body-Parser Body parser란 ? -> 사용자 입력값을 전달하기 위해 POST 방식의 요청을 처리하기 위한 미들웨어 (로그인시 username/password는 POST 방식으로 전달) 설치 방법 ? > npm install body-parser const app = express(); // Port number const port = 3000; // CORS Middleware app.use(cors()); // Body Parser Middleware app.use(bodyParser.json()); // Index Route app.get('/', (req,res)=>{ res.send('서비스 준비중입니다... Hello world '); }); // Start Server app.listen(port,.. Node.js) npm cors 모듈 이용 https://www.npmjs.com/package/cors cors Node.js CORS middleware www.npmjs.com 위 글 참조하면 좋아요. > npm install cors (모듈 설치) var express = require('express'); var cors = require('cors'); var app = express(); app.use(cors()); app.get('/products/:id', function (req, res, next) { res.json({msg: 'This is CORS-enabled for all origins!'}) }) app.listen(80, function () { console.log('CORS-enabled web server .. Node.js) nodemon 설치 nodemon이란 ? -> node.js 기반의 웹 어플리케이션 개발시, 파일 변경이 감지될 때, 자동으로 재시작하도록 하는 툴 설치 방법 ? > npm install -g nodemon (-g 옵션은 글로벌 설치를 의미하며 컴퓨터 내의 어떤 위치에서도 실행 가능하게 설치) 실행 방법 ? > nodemon Node.js) 웹 서버 만드는 방법 https://duni0107-day.tistory.com/85 node.js 실행 방법 https://opentutorials.org/course/2136/11853 간단한 웹 에플리케이션 만들기 - 생활코딩 본 수업에서는 Nodejs를 이용해서 간단한 서버 에플리케이션을 만들어보겠습니다. 아래 코드는 Nodejs에서 제공하는 기본.. duni0107-day.tistory.com 위의 글에서 node.js를 실행시킨 후 콘솔에 hi를 뜨게 만들어 봤습니다. 이제 만들었던 app.js의 내용을 수정해서 웹 서버를 만들어보도록 하겠습니다. const express = require('express'); const path = require('path'); const bodyparser = require('.. MEAN 스택이란 ? 1. MEAN stack이란 ? -> MongoDB, Express, Angular, Node.js 를 사용하는 프레임워크의 한 종류 2. 장점 ? -> 1. 단일언어 javascript로 프론트엔드와 백엔드를 모두 조작 가능하고, 오픈소스를 활용할 수 있음 2. DOM 기반 Jquey에 비해 Angular가 훨씬 빠름 3. 단점 ? -> Angular의 진입장벽이 높음. 뷰단에서 프레임워크를 구성하기 때문에, 또한 바인딩 개념때문에 초반 진입장벽 이 높다. 시작에 앞서...ㅎ 프로젝트를 위해서 처음으로 APM이 아닌 MEAN을 사용해보겠다고 다짐했는데 생각보다 삽질을 정말 많이 했다. (밤을 새는게 거의 일상이 될 정도로...) 웹 개발은 주로 PHP 언어와 mysql을 사용하던 내게 angular, nodejs, mongodb는 정말 벽 그 자체였다고할까... 심지어 앵귤러는 구글링을 몇시간씩 해도 원하는 내용을 찾기가 너무 힘들었다. 그래서 프로젝트를 마무리했다는 결과로는 너무 아쉬워서 나의 눈물겨운 삽질기를 정리해보려 한다. 일단 프로젝트가 마무리 되는대로 블로그에 글을 올리기 시작할 것이다. 부디 나처럼 angular로 삽질하는 사람들이 없기를... ^______^ node.js 실행 방법 https://opentutorials.org/course/2136/11853 간단한 웹 에플리케이션 만들기 - 생활코딩 본 수업에서는 Nodejs를 이용해서 간단한 서버 에플리케이션을 만들어보겠습니다. 아래 코드는 Nodejs에서 제공하는 기본 코드입니다. const http = require('http'); const hostname = '127.0.0.1'; const port = 1337; http.createServer((req, res) => { res.writeHead(200, { 'Content-Type': 'text/plain' }); res.end(' opentutorials.org 설치는 위의 링크로 들어가셔서 따라해주시면 됩니다 ㅎㅎ. 먼저 node.js를 실행하기 전 nodejs를.. 이전 1 2 3 다음
