주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

이쪽 분야는 거의 갓난아기 수준이라 강의에서 가르쳐준대로 진행했습니다. (따로 제가 검색해서 개선하거나 추가한 부분이 없다는 의미) 제가 만들고자한 테이블은 강의보다 단순해서리..ㅎㅎ; ++ back/app.js에서 라우터 연결할때 첫번째 인자 app.use('/guestbook', GuestbookRouter); 처럼 '/'가 있어야합니다. ++ back 폴더를 생성 front 폴더를 만들어 작업한 것처럼 root 폴더 하위에 back 폴더를 생성합니다. front 와는 별개로 서버를 돌리기 때문에 back 폴더에 들어가서 npm init을 해줍니다. npm init front 서버, back 서버 모두 run 시켜줘야 사이트를 정상 작동시킬 수 있습니다. express를 통해 라우팅을 진행 할 것이기..

서버 기본 세팅 > 서버 스크립트 파일 생성 및 스크립트 작성 root에 서버를 세팅할 app.js 파일을 생성합니다. 생성 후 폴더구조는 아래와 같습니다. // app.js const express = require('express'); const http = require('http'); const app = express(); const server = http.createServer(app); server.listen(8080, function(){ console.log('서버 실행중...'); }); 코드 설명 > 세팅에 필요한 모듈들은 require로 가져와 변수에 담습니다. http 모듈은 node.js의 기본내장 모듈이기 때문에 따로 다운로드하지않아도 사용할 수 있습니다. const exp..

들어가기에 앞서... 전체적인 가이드는 근둥이님 블로그를 참고했습니다. https://codevkr.tistory.com/58?category=719250 쪼랩이라 예전에 채팅구현을 도전했다가 허접하게 마무리되었었는데, 근둥이님 블로그보니까 설명이 잘되어있어서 무리없이 진행했습니다. 제 글이 이해가 안된다면 근둥이님 블로그 글을 찾아가는것이 큰 도움이 될 것입니다. (굽신-감사합니다.) 예전에 작업했을때 이해못했던 부분이, 역할 담당의 부분인데, 결론은 이거였습니다. 서버는 express 담당, 통신은 socket.io 담당한다. express와 socket.io에 대해 간단히 설명하겠습니다. (자세한 사항은 정리를 어마무시하게 잘해두신 블로거님들 링크를 달아둘데니, 들어가서보셔도 되고, 검색해봐도 됩니..

1. 웹 서버(Web Server) 다음의 두 가지 뜻 가운데 하나이다. 소프트웨어 : 웹 브라우저와 같은 클라이언트로부터 HTTP 요청을 받아들이고, HTML 문서와 같은 웹 페이지를 반환하는 컴퓨터 프로그램 하드웨어 : 위에 언급한 기능을 제공하는 컴퓨터 프로그램을 실행하는 컴퓨터 HTTP를 통해 웹 브라우저에서 요청하는 HTML 문서나 오브젝트(이미지 파일 등)을 전송해주는 서비스 프로그램을 말한다. 웹 서버 소프트웨어를 구동하는 하드웨어(pc,phone)도 웹 서버라고 해서 혼동하는 경우가 간혹 있다. 웹 서버에서 페이지를 가져오다. 웹 서버의 주된 기능은 웹 페이지를 클라이언트로 전달하는 것이다. 주로 그림, CSS, 자바스크립트를 포함한 HTML 문서가 클라이언트로 전달된다. 웹 서버에 정보를..