이근둥
근둥이의 블로그
이근둥
전체 방문자
789,208
오늘
28
어제
327

공지사항

  • 전체보기 (107)
    • 웹 (9)
    • 언어 & 프레임워크 (53)
      • JavaScript (7)
      • TypeScript (0)
      • Node.js (11)
      • Vue.js (3)
      • React (0)
      • C & C++ (19)
      • Java & JSP (9)
      • Python (4)
    • 컴퓨터 과학 (3)
      • 알고리즘 (0)
      • 자료구조 (3)
    • 기타 (9)
      • Linux (1)
      • Git (2)
      • DialogFlow (4)
    • 일상 (13)
      • 게임 (13)
    • 칼럼 (9)
      • 회고 (0)
      • 나만의 글 (0)
      • 제품 리뷰 (9)
    • __Dev__ (9)
      • Release (9)
반응형

인기 글

  • [Tomcat] 아파치 톰캣 서버 포⋯
    2018.08.24
    [Tomcat] 아파치 톰캣 서버 포⋯
  • [Node.js] 실시간 채팅 서비스⋯
    2018.05.31
    [Node.js] 실시간 채팅 서비스⋯
  • [PWA] 프로그레시브 웹 앱 시작⋯
    2019.01.09
    [PWA] 프로그레시브 웹 앱 시작⋯
  • [Linux] Ubuntu 18.04 테마 설⋯
    2019.01.16
    [Linux] Ubuntu 18.04 테마 설⋯
  • [DialogFlow] 다이얼로그 플로⋯
    2018.07.13
    [DialogFlow] 다이얼로그 플로⋯

태그

  • vue-next
  • WWDC
  • vue3
  • vue
  • 자바 프로젝트
  • vuex
  • 이펙트
  • 출간
  • 전개 구문
  • Java FX
  • 자바
  • pwa
  • Vue 3
  • 웹 확장
  • javascript
  • 파티클
  • java
  • ES6
  • Deemo
  • self
  • Scanner
  • Hello World!
  • vue.js
  • spread syntax
  • 이클립스
  • 프로그레시브 웹 앱
  • composition-api
  • Composition API
  • WWDC20
  • AstroWar

최근 댓글

  • 정말 감사합니다!!!
    구리
  • 중간 popValue 할당하는 부분에⋯
    이근둥
  • 마지막에 pop(); 한번만 해야함
    2323
  • 2개를 꺼냈는데 5개중 2개가 남⋯
    wefwdf
  • gcm이 Google Cloud Messaging⋯
    이근둥

최근 글

  • 웹 푸시 알림(Web Push Notific⋯
    2022.06.13
    웹 푸시 알림(Web Push Notific⋯
  • 스택(Stack)
    2022.05.26
    스택(Stack)
  • 배열(Array)
    2022.05.25
    배열(Array)
  • C언어로 배우는 자료구조
    2022.05.24
    C언어로 배우는 자료구조
  • [Vue 3] Composition API와 템⋯
    2020.10.02
    [Vue 3] Composition API와 템⋯

블로그 메뉴

  • 홈
  • 미디어로그
  • 방명록
hELLO · Designed By 정상우.
이근둥

근둥이의 블로그

[Node.js] 실시간 채팅 서비스 만들기(2) - 서버 실행
언어 & 프레임워크/Node.js

[Node.js] 실시간 채팅 서비스 만들기(2) - 서버 실행

2018. 5. 29. 21:29
반응형

안녕하세요



이번 강좌에서는 지난번에 설치한 Express 모듈을 사용하여 서버를 실행해보도록 하겠습니다!




[목차]


1. 모듈 불러오기

2. Express 객체 생성

3. 서버 실행





지난 시간에 express와 socket.io 모듈을 설치하였습니다.



폴더에 app.js 파일을 하나 생성해주세요!


생성 후 폴더 구조는 아래와 같습니다.


(지운 파일은 저만 해당되기 때문에 지웠습니다)




app.js 파일에 아래 코드를 입력해주세요!

(초록색으로 된 부분 /* */ 은 주석이므로 작성하지 않아도 됩니다)

주석에 설명이 작성되어있습니다.


require를 사용하여 모듈을 불러올 수 있습니다.


마지막 부분의 listen 메소드를 통해 원하는 포트번호로 서버를 시작할 수 있습니다.


listen(포트, 리스너)


지정한 포트로 서버를 실행하고 실행이 되면 리스너가 호출됩니다.


리스너에 함수를 전달해주면 됩니다.



저는 포트번호를 8080으로 지정했습니다.



Ctrl + `

단축기를 눌러서 커맨드창을 열고 아래 명령어를 입력해줍니다.



node app.js


서버 실행 중.. 문자가 잘 출력됩니다!


벌써 나만의 서버가 실행되고있습니다.








listen 위에 app.get 부분 코드를 추가해줍니다.



get('/', ...) 는 서버의 / 경로를 Get 방식으로 접속하면 호출이 됩니다.


get(경로, 함수)


 

경로를 지정해주고 함수를 작성해야합니다.


함수는 request와 response 객체를 받습니다.

(변수명은 원하는걸로 바꾸셔도 됩니다)


request는 클라이언트에서 전달된 데이터와 정보들이 담겨있습니다.

response에는 클라이언트에게 응답을 위한 정보가 들어있습니다.


response.send(전달 데이터)




전달할 데이터를 send()를 통해 전달하면 다시 클라이언트(웹)으로 서버가 데이터를 돌려줍니다.




locahost:포트번호


로 접속하면 위와같이 정상적으로 출력이 될것입니다.



서버의 콘솔을 확인해보면 아래와 같이 문자도 출력될것입니다.





오늘 진행할 내용은 모두 마무리되었습니다!




오늘 진행한 내용 및 소스코드는 아래 깃허브에 저장해두었습니다.


https://github.com/leegeunhyeok/node-chat/tree/chapter_2





다음시간에는 서버에서 html 파일을 응답하는 기능을 구현하도록 하겠습니다.



감사합니다.




반응형
저작자표시비영리동일조건
    '언어 & 프레임워크/Node.js' 카테고리의 다른 글
    • [Node.js] 실시간 채팅 서비스 만들기(4) - Socket.io 기초
    • [Node.js] 실시간 채팅 서비스 만들기(3) - 정적 파일 제공
    • [Node.js] 실시간 채팅 서비스 만들기(1) - 준비
    • [Node.js] 버스 정보 API 사용하기(2) - API 활용
    이근둥
    이근둥
    새로운 것을 좋아하는 프론트엔드 개발자 ✨
    댓글쓰기
    1. jhcplace
      2019.12.08 11:24 신고
      get 방식으로 어떻게 접속해요? 그냥 localhost:8080이라고 입력하니까, Cannot GET /라고 뜨네요
      수정/삭제댓글쓰기댓글보기
      1. 이근둥
        2019.12.08 13:16 신고
        app.get('/', ...) 라는 라우트가 정의되어있나요?
        수정/삭제
    2. _제이빈_
      2020.05.08 14:27 신고
      "locahost:포트번호


      로 접속하면 위와같이 정상적으로 출력이 될것입니다."

      여기 localhost 오타욧!

      많이 배워갑니당 엉엉
      수정/삭제댓글쓰기댓글보기
      1. 이근둥
        2020.05.08 16:23 신고
        앗 감사합니다! 수정하겠습니다
        수정/삭제
    3. 배우는중
      2020.12.15 12:03
      안녕하세요 근둥님 잘 보고 있습니다.
      혹시 라우터로 따로 경로를 잡고 실행하려면 app대신에 router가 들어가면 될까요?
      수정/삭제댓글쓰기댓글보기
    4. junny
      2022.06.07 23:42
      get을 수정한 뒤 터미널로 리로드를 시켜줘야 뒷부분이 진행이 되구 아니면
      Cannot GET /이 뜨네요..
      수정/삭제댓글쓰기댓글보기
    • 이전
    • 1
    • ···
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • ···
    • 107
    • 다음

    티스토리툴바