언어 & 프레임워크/Node.js

안녕하세요 이번 시간에는 지난 강좌에 이어 본격적으로 채팅 기능을 구현해보도록 하겠습니다! 이전 강좌의 응용이므로 크게 어렵지않습니다! [목차] 1. 채팅 기능 설계2. 서버 코드 작성3. 클라이언트 코드 작성4. 테스트 채팅 개발을 위해 간단히 정리하고 시작합시다! 우리가 개발할 채팅은 실시간 채팅입니다. 누가 새로 들어왔는지, 누가 나갔는지 알 수 있도록 기능을 구현할 예정이구요 기본적인 채팅 기능을 구현할 예정입니다. 이벤트 명은 미리 정의하고 시작하도록 하겠습니다! message: 클라이언트가 서버로 메시지 전송update: 서버에서 받은 메시지 다른 클라이언트에게 전송(메시지 또는 정보)connectUser: 새로운 유저 접속을 서버에게 알림 접속 종료부분은 update로 통일하여 클라이언트에게..

안녕하세요! 이번 강좌에서는 지난 포스팅에 이어서Socket.io를 이용한 실시간 데이터 송/수신을 구현해보도록 하겠습니다! [목차] 1. 서버 코드 작성2. HTML 수정3. 클라이언트 자바스크립트 생성4. 클라이언트 코드 작성5. 테스트 먼저 코드의 소스코드를 작성해줍니다. server.listen 위에다가 위 처럼 작성해주세요! on()은 소켓에서 해당 이벤트를 받으면 콜백함수가 실행됩니다! io.sockets.on('connection' function(socket)...) 부분은 connection 이라는 이벤트가 발생할 경우 콜백함수가 실행됩니다. io.sockets 는 접속되는 모든 소켓들을 의미하구요 접속과 동시에 콜백함수로 전달되는 소켓은 접속된 해당 소켓 입니다.io.sockets.on..

안녕하세요 이번 강좌에서는 지난시간에 이어서 서버 응답에 관련된 부분을 진행하도록 하겠습니다! [목차] 1. 디렉토리 구조 잡기2. HTML, CSS 예제 파일 생성3. 서버 코드 수정 기존 파일에서 static 폴더를 생성합니다! static 폴더 안에는 index.html 파일을 생성해주시구요 css 폴더와 js 폴더도 생성해주세요! css 폴더 안에는 index.css 파일도 하나 생성해주세요~ 생성한 index.html 파일에는 위와 같이 작성해줍니다(또는 아래에서 다운로드) 그리고 index.css 파일에는 위와 같이 작성해줍니다!(또는 아래에서 다운로드) 간단한 예제 파일을 생성했으니 서버 코드를 수정하여 위의 파일들을 클라이언트(웹)에서 볼 수 있도록 해봅시다! 먼저 fs 모듈을 추가로 re..

안녕하세요 이번 강좌에서는 지난번에 설치한 Express 모듈을 사용하여 서버를 실행해보도록 하겠습니다! [목차] 1. 모듈 불러오기2. Express 객체 생성3. 서버 실행 지난 시간에 express와 socket.io 모듈을 설치하였습니다. 폴더에 app.js 파일을 하나 생성해주세요! 생성 후 폴더 구조는 아래와 같습니다. (지운 파일은 저만 해당되기 때문에 지웠습니다) app.js 파일에 아래 코드를 입력해주세요!(초록색으로 된 부분 /* */ 은 주석이므로 작성하지 않아도 됩니다)주석에 설명이 작성되어있습니다. require를 사용하여 모듈을 불러올 수 있습니다. 마지막 부분의 listen 메소드를 통해 원하는 포트번호로 서버를 시작할 수 있습니다. listen(포트, 리스너) 지정한 포트로 ..

안녕하세요 이번 강좌에서는 Node.js 기반의 실시간 온라인 채팅 서비스를 개발해볼 예정입니다! 사전 지식이 부족하더라도 충분히 따라올 수 있도록 작성할 계획입니다. 서버는 Node.js클라이언트는 웹으로 진행하도록 하겠습니다! [목차] 1. 개발환경 준비2. 필요 모듈 설치 개발환경 준비 http://codevkr.tistory.com/12 위 링크를 통해 Node.js와 VSCode를 설치해주세요!(글에 나와있는 Brackets를 사용해도 되지만 저는 VSCode로 진행할 계획입니다) 원하는 폴더를 생성하고 npm init를 진행하여 package.json 도 생성해주세요!(위 링크에 모두 나와있습니다) 필요 모듈 설치 VSCode로 package.json 파일이 있는 폴더를 열어줍니다. Ctrl ..

안녕하세요 지난 포스팅에서 API 키를 발급받았으니 직접 활용하는 예제를 작성해보도록 하겠습니다! 먼저 필요한 요구사항은 Node.js가 설치되어있어야합니다! http://codevkr.tistory.com/12 API에 대한 사용방법(메뉴얼)을 확인해봅시다. 워드파일로 첨부되어있는 파일을 열어보시면 메뉴얼을 확인하실 수 있습니다. 확인해보니 위와 같은 방법으로 요청하면 됩니다. http://openapi.gbis.go.kr/ws/rest/busarrivalservice/station?serviceKey=키값&stationId=정류소ID 또한 경기 버스정보 홈페이지에서도 메뉴얼을 확인하실 수 있습니다. http://www.gbis.go.kr/gbis2014/publicService.action?cmd=o..

안녕하세요! 이번 포스팅 주제는버스 정보 API를 사용하는 방법에 대해 소개할 예정입니다 경기도 버스 API를 기준으로 설명하고Node.js에서 버스 API를 이용한 간단한 예제도 작성해볼 계획입니다. 총 2개의 포스트로 나눠서 강좌를 진행하도록 하겠습니다. 첫번째 포스팅에서는 API를 사용하기 위한 API 키 발급에 대한 내용을 다루도록 하겠습니다! 먼저! 시작하기전에 필요한 준비물이 하나 있습니다. 공공데이터포털에 가입하기 위한 공인인증서 꼭 필요합니다.(공공데이터포털에 이미 가입하셨으면 없어도 됩니다) 공인인증서는 필수가 아니라고 합니다.나중에 공인인증서로도 로그인하고싶으신 분들은 인증서를 준비해주세요! 원활한 진행을 위해 웹 브라우저는 Internet Explorer를 사용해주세요! 먼저 공공데이..

안녕하세요 이번 포스팅은 카카오 플러스친구 챗봇에 대한 마지막 강좌입니다 지난 강좌에서는 첫 채팅시 보여줄 버튼들을 제공하는 기능을 구현하였습니다. 이번 포스팅에서는 상대방이 어떤 데이터를 전송하면 이에 맞는 응답을 하도록 구현해보겠습니다! [1. API 문서 확인] 접속 URL은 http://서버주소/message입니다 방식은 지난번과 다르게 GET 방식이 아니라 POST 방식입니다. 아래 파라미터를 보시면 user_keytypecontent 3개의 데이터가 함께 전달된다고 합니다. 아래 예제와 같은 형식으로 서버에 전달됩니다. 전달받은 데이터를 가지고 적절하게 처리한 후 응답하는 형식에 대해서도 명시되어있습니다. 아래와 같은 형식으로 다시 응답하면 됩니다. [2. POST 데이터를 위한 모듈 설치] ..

안녕하세요 이번 포스팅에서는 Node.js로 서버를 생성하고 카카오 플러스친구에서 테스트까지 마치는 작업을 진행하도록 하겠습니다! [1. 채팅 유형 선택] 생성한 플러스친구의 채팅 유형을 선택하도록 합시다. 저희는 API 서버를 개발할것이기때문에 우측의 API형 을 선택하시면 됩니다! [2. API 확인] 위와같이 정보를 입력하는 창이 뜹니다. 하지만 지금 핵심적으로 입력해야하는 앱 URL에 작성할 내용이 존재하지않죠 우리가 서버를 구축하여 앱 URL을 제공하면 됩니다! 옆엔 테스트 버튼이 존재하는데 잘 작동하는지 확인하기위한 버튼입니다! 테스트를 거쳐야 등록할 수 있습니다. 우측 상단에 보시면 API Document 버튼이 있습니다. 눌러서 문서를 확인해봅시다. "이러이러한 형식으로 구현, 제공하라" ..

안녕하세요~ 이번 포스트에서는 카카오톡 플러스친구 자동응답 API를 이용하여 챗봇을 만들어보도록 하겠습니다. 먼저 시작하기전에 대충 어느식으로 서비스가 진행되는지 알아보도록 합시다! 카카오톡을 사용하는 유저가 있습니다. 주로 친구, 지인들과 채팅을 주고받죠 우리가 개발할 챗봇도 지인이라고 생각하시면 쉽습니다! 먼저 사용자가 데이터를 전송합니다. 전송된 데이터는 카카오톡 서버를 거쳐서 상대방(서버)에게 전달되죠 상대방(서버)은 받은 데이터에 알맞는 대답을 해줍니다. 대답한 데이터가 다시 사용자에게 도착하는 형식입니다! 저의가 위 사진에서 담당해야할 부분은 서버 부분입니다! 사용자가 입력한 데이터를 분석하여 알맞는 정보를 제공하는것이 목적이죠! 크게 어려운것은 없기때문에 천천히 따라오신다면 누구나 저와 함께..