Javascript/Node.js3 [NodeJS] 채팅방UI 구성, 소켓 연결을 통한 채팅기능 완성하기 [express와 socket.io을 이용한 채팅기능 구현하기 - 2장] 2019/02/27 - [NodeJS/NodeJS로 간단한 채팅기능 만들기] - [NodeJS] npm으로 express, socket.io 모듈 설치 및 웹 서버 구축, 소켓 연결하기 [express와 socket.io을 이용한 채팅기능 구현하기 - 1장] 이전 장에 이어 클라이언트가 이용할 채팅방의 UI를 그럴듯하게 구성하고 서버와 소켓간에 데이터를 주고받고 유저들끼리 채팅을 주고받을수 있도록 구현해보도록 하겠습니다. 1. chat.html파일에서 CSS스타일 작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 4.. 2019. 2. 27. [NodeJS] npm으로 express, socket.io 모듈 설치 및 웹 서버 구축, 소켓 연결하기 [express와 socket.io을 이용한 채팅기능 구현하기 - 1장] 2019/02/27 - [NodeJS/NodeJS로 간단한 채팅기능 만들기] - [NodeJS] 채팅방UI 구성, 소켓 연결을 통한 채팅기능 완성하기 [express와 socket.io을 이용한 채팅기능 구현하기 - 2장] 2019/02/22 - [NodeJS] - [NodeJS] 노드JS(Node JS) 개발환경 구축하기 NodeJS가 처음이신분들은 위에 개발환경 구축하기 링크를 통해 참고하시면 됩니다. 자바스크립트를 비롯한 프론트엔드 개발에 가장 효과적인 Text Editor이자 통합 개발 환경인 Visual Studio Code를 사용해서 Node.Js로 간단한 채팅 기능을 아래의 캡처화면과 동일하게 구현해보도록 하겠습니다. 1. 임의로 작업폴더 하나 생성 저는 폴더이름을 chat으로 하나 만들겠습.. 2019. 2. 27. [NodeJS] 노드JS(Node JS) 개발환경 구축하기 1. NodeJS 홈페이지 접속 https://nodejs.org/en/ 홈페이지에 접속을 하면 짝수 버전인 LTS 버전과 홀수 버전인 Stable 버전이 있습니다. LTS버전은 안정성과 보안성에 초점을 두고 릴리즈하는 버전임으로 서버 운영에 주로 사용하는 버전이고 Stable버전은 업데이트를 자주하며 기능 개발과 개선을 우선으로 하기에 개발에 주로 사용하는 버전입니다. 2. Stable버전으로 설치 진행 설치 과정에 별다른 항목설정없이 다음버튼만 갈기면 무사히 설치가 완료됩니다. 3. 설치 완료 후 설치 여부 확인 설치가 완료되면 window의 명령 프롬프트(cmd)에서 node --version 명령어 또는 node -v 명령어로 설치된 NodeJS버전을 알려줍니다. 또한 아래의 해당 NodeJS프로.. 2019. 2. 22. 이전 1 다음
