안녕하세요 ❗️ 오랜만에 포스팅을 하게 됐습니다 ㅎㅎ 이번에는 React와 Express를 연동하여 웹 프로젝트를 간단하게 만들어 볼 예정이에요❗️ 데이터베이스는 mongoDB를 사용하며 IDE는 VSCode를 사용합니다. mongoDB에 대해 어색하신 분들은 이 전 시리즈인 Express + MongoDB, 간단한 프로젝트 만들기 를 참고하시길 추천합니다. 이 포스팅은 웹 프론트와 서버를 연결하고, 작동시키는 것에 초점을 두기 때문에 코드의 문법이나 특징에 대한 내용은 생략할 것입니다. 이 시리즈는 총 3편으로 구성되어 있으며, 본 편은 시리즈의 첫 번째 포스팅입니다. 첫 번째 포스팅 : server - express 두 번째 포스팅 : database - mongoDB 세 번째 포스팅 : client..

안녕하세요 〰️ 오늘은 지난 번 포스팅 'MongoDB, 어렵지 않게 시작하기' 에 이은 2번째 시리즈입니다. 지난번에는 NoSQL에 대한 특징, MongoDB설치 등 기본적으로 프로젝트를 만들기 위한 기반을 마련했습니다. 코드는 따로 적어두지 않았으며, 모든 코드는 Github에 올려두었으니, 참고바랍니다 〰️ 이번에는 Express와 MongoDB를 직접 사용해보는 시간입니다 ❗️ 1. express 프로젝트 생성하기 express 프로젝트를 하나 만들고, 필요한 노드 모듈을 설치 ( npm install ) 설치하는 명령어를 입력해주세요 ❗️ $ express { project-name } $ cd { project-name } $ npm install 2. mongoDB 설치하기 $ npm ins..

안녕하세요 〰️ 오늘은 NodeJS + Express + Socket.io 를 사용해서 정말 - 간단한 단체 채팅방을 만들어보겠습니다. 일단 제가 보이는 부분을 많이 신경쓰다 보니,,, 요즘 유행한다는 'neumorphism'을 사용하여 채팅창을 제작해보았습니다. 일단 결과창부터 볼까요? 오늘 만들어볼 채팅창입니다 〰️ 일단 소켓이 뭔지 조금 알아볼까요? 아는 분들은 그냥 넘어가시면 됩니다 ! 모든 소스는 깃허브에 올려두었으니 참고되셨으면 합니다^~^ Socket 통신 ? HTTP통신은 클라이언트가 요청을 보내는 경우에만 서버가 응답하는 단방향 통신입니다. Socket 통신은 Http 통신과 달리 서버와 클라이언트가 연결을 유지하며 실시간 양방향 통신으로 데이터를 주고 받는 방식입니다. http 통신은 ..