• 티스토리 홈
  • 프로필사진
    KIMJAVAN
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
KIMJAVAN
  • 프로필사진
    KIMJAVAN
    • 개발 (160)
      • 마크업 언어 (19)
        • HTML (7)
        • CSS (12)
      • 자바스크립트 (85)
        • JavaScript (34)
        • JS Library (6)
        • React (13)
        • threeJS (6)
        • TypeScript (2)
        • Next js (5)
        • Node JS (18)
        • webGL (1)
      • AI (4)
        • chat-gpt (4)
      • flutter (17)
        • dart (11)
        • flutter (6)
      • Sql (3)
      • PHP (4)
      • Python (2)
      • Git (4)
      • vscode (1)
      • 개발 도움 사이트 (7)
      • 작업기록 (1)
      • 오류 모음 (3)
      • 메모장 (7)
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [nodeJS] 세팅 / 라우터
        2023년 11월 13일
        • KIMJAVAN
        • 작성자
        • 2023.11.13.오후04:12
        728x90

        vscode에서 terminal열기 (터미널 여는 법 ctrl + ~ 혹은 상단에 터미널버튼)

         

        npm init -y

         

        이거하면 package.json 추가됨 (기본 세팅)

         

        ++ npm init  >> npm 은 node package manager 의 약자이다.

        package.json에서 node에 사용된 정보들을 담고있다.

         

        npm install express

        이거하면 express 설치됨 (라이브러리 사용을 위한 세팅)

         

         

        server.js에 

        const express = require('express')
        const app = express()
        
        app.listen(8080, ()=>{
            console.log('http://localhost:8080')
        })
        
        app.get('/',( aa, bb )=>{
            bb.send( 'node JS' )
        })

        추가

         

        각 줄에 대한 설명

        const express = require('express')

        express 모듈을 가져온다.

         

        const app = express()

        express 모듈을 사용하여 app 객체를 생성한다.

         

        app.listen(8080, () => {
            console.log('http://localhost:8080')
        })

        app 객체를 사용하여 웹 서버를 시작하고 8080포트에서 대기하도록 설정한다.

        서버가 시작되면 콘솔에 

        http://localhost:8080 호출됨

        app.get('/', (aa, bb) => {
            bb.send('node JS')
        })

        app 객체를 사용하여 루트경로 '/'에 대한 get 요청 핸들러를 정의한다.

         

         

         


         

         

        라우터

        app.get('/',( aa, bb )=>{
            bb.send( 'node JS' )
        })
        
        app.get('/news',( aa, bb )=>{
            bb.send( '오늘의 뉴스' )
        })

        이런식으로 /뒤에 원하는 라우터 주소를 입력하면

        기본 주소 뒤에 /원하는단어 사이트로 접속이 가능하다

         

         


         

        화살표함수 콜백함수

        app.get('/',( aa, bb )=>{
            bb.send( 'node JS' )
        })
        
        app.get('/', function( aa, bb ){
            bb.send( 'node JS' )
        })

         

         


         

        절대경로

        app.get('/',( aa, bb )=>{
            bb.sendFile(__dirname + "/index.html")
        })
        // __dirname 절대경로
        저작자표시 비영리 변경금지 (새창열림)

        '자바스크립트 > Node JS' 카테고리의 다른 글

        [Node JS] Router - Controller - Model 연결구조 (post)  (0) 2024.01.16
        [Node JS] 라우터 - 컨트롤러 - 백엔드 연결  (1) 2024.01.10
        [Node Js] 백엔드 config  (0) 2024.01.09
        [node js] 데이터를 body에 담기 POST / 데이터를 url에 담기 GET  (0) 2023.12.29
        [nodeJS] nodemon 설치  (0) 2023.11.13
        다음글
        다음 글이 없습니다.
        이전글
        이전 글이 없습니다.
        댓글
      조회된 결과가 없습니다.
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바

        단축키

        내 블로그

        내 블로그 - 관리자 홈 전환
        Q
        Q
        새 글 쓰기
        W
        W

        블로그 게시글

        글 수정 (권한 있는 경우)
        E
        E
        댓글 영역으로 이동
        C
        C

        모든 영역

        이 페이지의 URL 복사
        S
        S
        맨 위로 이동
        T
        T
        티스토리 홈 이동
        H
        H
        단축키 안내
        Shift + /
        ⇧ + /

        * 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.