희락코딩

너무나도 생소한 서버 공부 어떻게 구현 했는지 과정을 남겨 보고자 블로깅을 하였습니다! 우선 express 설치와 nodemon 실행 했다는 가정하에 진행하겠습니다!!@# 1. express 설치 및 nodemon 실행하고 기본 구조 작성하기! 처음 위와 같은 구조로 작성 하였습니다!!! get요청이 실행되면서 브라우저에 출력 되었고 터미널 창도 에러없이 잘 출력되었습니다!!! 2. 정적파일 불러오기를 활용해서 브라우저에 html파일 출력하기! Express에서 정적파일 제공을 참고하여 app.use(express.static('client') 코드를 작성해서 브라우저에 출력 되도록 만들었습니다! 여기서 client는 하나의 디렉토리 파일이고 안에 index.html 파일이 있습니다! 3. post 요청..

Express Express는 Node.js를 빠르고 간결하게 사용하기 위해 만들어진 웹 프레임워크입니다! 많이 사용하고 있는 프레임워크이니 꼭 알고 넘어 갑시다!@ Express 설치 $ npm install express https://expressjs.com/ko/starter/installing.html Express 설치 설치 Node.js가 이미 설치되었다고 가정한 상태에서, 애플리케이션을 보관할 디렉토리를 작성하고 그 디렉토리를 작업 디렉토리로 설정하십시오. $ mkdir myapp $ cd myapp npm init 명령을 이용하여 애플 expressjs.com Express 사용 1 2 3 4 5 6 7 8 9 10 // express 기본 구조 const express = require..

#1. CORS (Cross - Origin Resoure Sharing)가 나오게 된 배경 예전에 웹사이트를 만든다고 하면 상당수가 아래와 같은 구조였습니다. 유저가 웹 브라우저 주소창에 주소값을 입력 하면 해당하는 서버로 요청을 보내게 됩니다. 그러면 서버에서는 응답을 할 때 HTML페이지를 반환합니다. 즉 하나의 서버에서 비즈니스 로직과 HTML페이지 빌드를 같이 하는게 일반적이였습니다. 이걸 다시 말하면 같은 도메인에서 일어나게 된거죠 하지만 이러한 구조는 CSRF나 XSS 공격을 받기 일수 였습니다. 즉 개인정보 유출, 피싱 사이트와 같이 보안상 악의적인 행동으로 인해서 도메인이 다르면 요청을 주고 받을수 없도록 웹브라우저에서 기본 정책을 시행하게 됩니다. 하지만 시간이 지나 웹사이트에서 할 수..

HTTP(Hyper Text Transfer Protocol) HTTP란 상호 간에 정의한 규칙을 의미하며 기기 간에 데이터를 주고 받기 위해 정의된 통신 프로토콜 입니다. 브라우저와 서버간에 데이터를 주고 받기 위해 사용하고 있습니다. 하이퍼텍스는 웹사이트에서 이용되어지는 링크들만 애기하는 것이 아니라 모든 리소스(문서, 이미지 파일등)을 포함합니다. 또 한 브라우저 위에서 동작하고 있는 웹사이트나 웹 APP 같은 Cilent들이 Server와 통신을 주고 받을수 있습니다. 이러한 비슷한 방법으로는 AJAX가 있습니다. AJAX도 http를 이용해서 서버에서 데이터를 받아 옵니다. http의 특징 1. Client의 요청이 있을 때만 서버가 응답하는 단방향 통신 입니다. 2. 서버가 요구하는 API에 ..