Hi

express로 프로젝트 만들기 본문

WEB(웹)

express로 프로젝트 만들기

SharingWorld 2018. 6. 4. 23:42

CMD접속—

  1. mkdir로 OOO라는 파일을 생성
  2. cd OOO로 파일 안으로 접속
  3. npm install -g express-generator

  4. express -v pug -c sass 로 파일?들 다운.
    -v [VIEW MODE]
    -c [STYLE MODE]
  5. npm install
  6. WebStorm 열기
  7. File 에서 Open들어가서 내가 방금 만든 OOO 디렉토리 찾아서 열기.

  1. app.js에 있는
    app.use(’/’, indexRouter); 를 이용해서 주소 경로를 알아 볼 것이다.

  2. '/'부분을 내가 원하는 경로 이름으로 바꿔 준다.
    -> '/test’라고 했다.

  3. 여기서 7)의 indexRouter는 위의
    var IndexRouter = require(’./routes/index’);
    을 보아 routes파일에 있는 index파일에 접근할 것으로 보인다.

  4. 따라서, routes파일에 index.js 에서
    router.get(’/juwon’, function(req, res, next) {
    res.send(‘HELLO!!!’);
    });

이렇게 추가 한다.

  1. 왼쪽 밑에 있는 npm으로 start를 하고 chrome 주소창에
    http://127.0.0.1:3000/test/juwon
    하면 화면에 ‘HELLO!!!’ 가 나온다.

  2. 끝!


'WEB(웹)' 카테고리의 다른 글

node  (0) 2018.06.05
아이콘(폰트 스타일 적용되는) 넣기  (0) 2018.06.05
pug sass 사이트  (0) 2018.06.04
display 속성으로 표처럼 레이아웃  (0) 2018.06.04
display: flex 없이 수직정렬 하는 법  (0) 2018.06.03