semtax의 개발 일지

개요 이번 포스팅에서는, script 태그를 원격에서 불러올때, 발생 할 수 있는 CORS 문제에 대해 알아보도록 하겠습니다. 회사에서 성능 모니터링 수집도구를 만들다가 발생한 이슈가 있어서 하루종일 삽질을 하다가, CORS에 대해 공부하게 되어 그 내용을 정리하였습니다. CORS? 먼저 구글에서, CORS의 정의를 찾아보면 아래와 같습니다. Cross-origin resource sharing (CORS) is a mechanism that allows restricted resources on a web page to be requested from another domain outside the domain from which the first resource was served.[1] A web ..

개요 이번 문서에서는, expressjs에서 static file 경로를 설정해주는 방법을 알아보도록 하자. Static 파일들은 클라이언트에서 동작하는 자바스크립트나 css, html과 같은 리소스 파일들을 지칭한다. 이러한 파일들은 단어뜻 그대로 변하지 않는 데이터이므로 따로 관리를 해주는 것이다. Static 파일 설정하기 express.js 에서는 아래와 같이 static 파일 경로를 설정해 줄 수 있다. app.use(express.static('public')); 위와 같이 설정한 경우, 아래 URL로 접근하면 static파일에 접근이 가능하다. http://localhost:3000/images/kitten.jpg http://localhost:3000/css/style.css http://..

Expressjs에서 JSON Request Body 파싱하기 expressjs에서 웹 서비스를 제작 했을때, json으로 이루어진 Request Body를 받았을 경우, 요청값을 제대로 받아오지 못하는 문제가 발생한다. expressjs에서는 이러한 문제를 해결하는 방법으로 크게 2가지 방법을 사용할 수 있다. body-parser 모듈 사용(4.16 이전 버전). express.json() 사용 1. Express 4.x ~ 4.16 이전 버전인 경우(body-parser 사용) expressjs 4.16 이전 버전에서는 위와 같은 문제를 해결하기 위해 body-parser라는 외부 모듈을 사용해야 한다. 설치방법은 아래와 같다 npm install body-parser 설치한 모듈은 아래와 같이 사..