Back-End (116) 썸네일형 리스트형 [Node.js 교과서] 1. 노드 시작하기 1. 핵심 개념 이해하기 전반적으로 노드로 서버를 실행하는 방법을 다루고, 일부는 서버 외의 자바스크립트 프로그램을 실행하는 런타임으로 사용하는 방법을 배운다. 따라서 서버와 런타임이 무엇인지 알아보자. 1.1 서버 노드는 서버 애플리케이션을 실행하는데 가장 많이 사용된다. 그럼 서버는 무엇일까? 서버 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램. (*클라이언트: 요청을 보내는 주체) 즉, 서버는 클라이언트의 요청에 대해 응답을 한다. 요청에 대한 응답으로서의 서버 ex1) 네이버 웹 사이트를 방문하는 경우 요청: 주소창에 네이버 웹 사이트 주소를 입력한다. 응답: 브라우저는 그 주소에 해당되는 네이버 컴퓨터의 위치를 파악하고, 그 컴퓨터로부터 웹 사이트 페이지를 받아와서 .. Node.js에서 JSON 파일에 데이터를 저장하고 읽는 방법 smilehugo.tistory.com/entry/nodejs-json-create-store-read-update Node.js에서 JSON 파일에 데이터를 저장하고 읽는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 JSON 파일에 데이터를 저장하는 방법에 대해서 알아보겠습니다. app.js 파일을 다음과 같이 작성합니다. const book = { title: 'Ego is the Enemy', author: 'Ryan H.. smilehugo.tistory.com Node.js 입력 받기 Node.js 입력 받기 · 쾌락코딩 Node.js 입력 받기 26 Sep 2018 | node.js 프로그래머스같은 경우는 입력이 자동으로 되기 때문에 함수만 작성하면 된다. 그러나 구름ide 또는 백준 알고리즘 같은 경우 테스트 케이스 입력을 받기 위한 � wooooooak.github.io 빙고 게임 만들기 지금껏 배운 express, socket, pug를 이용하여 빙고 게임 웹 애플리케이션을 만들어보자. 온라인 빙고 게임 5 x 5 칸 내에서 사용자가 번갈아 가면서 숫자를 부르고, 해당 숫자를 지워 가로, 세로, 대각선으로 먼저 빙고를 만드는 사람이 이기는 게임. 입력이 중요한 게 아니므로 무작위로 숫자가 입력되도록 하며, 웹 소켓에 익숙해지는 것에 중점을 두고자 게임의 승부를 판가름 짓는 요소는 구현하지 않았다. 또한 유저 이름을 입력받아 설정하게 할 수도 있으나, 여기서는 유저 이름을 url에 바로 입력받도록 하였다. 주요 기능 현재 접속 중인 유저 이름 출력 한 명이 게임을 시작하려하면 불가능하게 막기, 알림 출력 게임 진행을 위한 턴 넘기기 자기 턴이 아닌 경우 진행 불가능, 알림 출력 숫자가 선.. socket.io를 이용한 채팅 구현 주요 기능 접속하면 알림 출력 닉네임 변경 가능 닉네임 변경했을 때 알림 출력 유저가 떠났을 경우 알림 출력 express-generator를 이용해 새 프로젝트를 생성한 후, 이동하여 채팅을 만드는 데 필요한 socket.io, Pug를 설치한다. express socket-chat cd socket-chat && npm install npm install link socket.io npm install pug 우선 기본적으로 같은 페이지에 접속한 사람들과 채팅이 가능해야 한다. 추가 기능으로, 닉네임 변경을 하거나 새로운 사람이 접속했을 때, 접속이 끊어졌을 때도 채팅창에 알림 문구가 뜨도록 만들어보자. 또한 일반 HTML이 아닌 Pug를 이용해 만들어보자. 또 채팅창의 모양을 결정하는 스타일 부분도.. 웹 애플리케이션에 실시간 기능 부여하기 [3/3] 이제 빙고 게임에 실시간 기능을 부여해보자! 이전에 배운 express와 Socket.IO를 연동하는 방법을 이용하여 여러 사용자가 돌아가면서 자신의 순서일 때만 숫자를 선택할 수 있도록 하는 기능을 구현해보자. 서버측 구현: app.js 웹소켓 양방향 실시간 통신 기술 - 한번의 연결로 계속 통신할 수 있다 Socket.IO 웹소켓 웹소켓은 HTML5 표준 기술로, 사용자의 브라우저와 서버 사이의 동적인 양방향 연결 채널을 구성한다. Websocket API를 통해 서버로 메세지를 보내고, 요청 없이 응답을 받아오는 것이 가능하다. 현재 API는 W3C에서 관장하고 있으며 프로토콜은 IETF에서 관리하고 있다. 웹소켓은 별도의 포트를 사용하지 않고 HTTP와 같은 80번 포트를 사용하는데, 이로 인해 클라이언트인 웹 브라우저뿐만 아니라 웹 서버도 기능을 지원하고 있어야 한다. 웹소켓의 사용 이유 초창기 WEB1.0은 인터넷에 접속한 사용자에게 콘텐츠를 전달하는 역할만 했다. 하지만 *Ajax와 같은 기술이 나타나면서 서버와 클라이언트 간의 상호작용을 하는 웹 서비스가 등장했다. CERN과 같이 초창기의 연구기관에서 사용했던 .. 이전 1 2 3 4 5 6 7 ··· 15 다음
