Socket.io 이란? socket.io를 알아보기 전, 웹 소켓에 대해 먼저 알아보자. 웹 소켓은 HTML5에 새로 추가된 실시간 양 방향 데이터 전송을 위한 기술이다. http가 아닌 ws프로토콜을 사용하며, 따라서 브라우저, 서버가 ws프로토콜을 지원하면 사용 가능하다. socket.io 사용 예제 socket.io 예제의 디렉토리 구조는 아래와 같다. 필요한 npm을 install 해준다. npm install express socket.io 그리고 아래 코드를 각 파일에 붙여넣자. // index.js const express = require("express"); const app = express(); const webSocket = require("./socket"); app.get("/..

프로젝트 선정 이유, 목표 현재 나는 컴퓨터 공학과 재학 중이며 학과에서 컴퓨터 동아리 활동을 하고 있다. 1학년 무렵 활성화되어 있던 동아리 홈페이지가 어느 날부터인가 비활성화되었고, 마침 이번 방학 동안 React, node.js를 활용한 프로젝트를 계획하던 나는 "동아리 홈페이지를 제작해 보는 것이 전반적인 클라이언트와 서버 간 통신 프로세스에 대해 알아가는 것에 많은 도움이 되겠다." 싶어 이 프로젝트를 선정하게 되었다. 설계, 설계 .. 가장 중요한 프로젝트의 설계 react : 이번 프로젝트에서 나는 리덕스 툴킷을 이용하였다. 이 때문인지 변수, 함수들의 관계를 어떻게 설정하고 관리할 것인가에 대해서 많이 골머리를 썩였다. 특히 리덕스 툴킷을 관련하여서 구글링을 해보아도 원하던 자료가 많지 않..