semtax의 개발 일지

스프링 AOP를 이용해서 반복되는 유저 인증 코드를 리팩토링 한 내용입니다.

웹소켓 프로토콜 에 대해 공부한 내용 + 웹소켓 Handshake 과정을 직접 구현 해본 내용을 공유해봅니다.

개요 이번 포스팅에서는, 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 ..

개요 이번 포스팅에서는 파이썬에서 쉽고 편하게 HTTP(S) 요청을 보내고 받을 수 있는 Requests 라이브러리에 대해 알아보도록 하겠다. Why Requests? 사실 파이썬에는, http(s) 요청을 보내고 받을 수 있는 urllib이나 httplib과 같은 내장 라이브러리들이 존재한다. 하지만, 파이썬 내장 라이브러리들은 사용하는게 불편하다는 단점이 존재한다. 그래서 파이썬 HTTP 라이브러리로 여러가지가 나왔는데, 그 중에서 가장 많이 쓰고있는것이 바로 이 Requests 라이브러리이다. 설치 아래 명령어를 이용해서 설치를 수행하면 된다. $ pip3 install requests 일단 사용은 아래와 같이 하면 된다. import requests r = requests.post('https:/..

개요 이번 포스팅에서는 웹 서비스 개발시에 유용하게 써먹을 수 있는 Fiddler라는 툴에 대해서 설명을 하도록 하겠다. Fiddler는 웹 디버깅 프록시 프로그램으로, HTTP와 HTTPS 프로토콜을 캡처해서 분석 할 수 있는 도구이다. 사실, 서버개발자 뿐만 아니라, 모바일 앱 리버싱 할때에도 쓰이고, 웹 해킹 문제 풀때에도 쓰이고, 클라이언트 개발할때도 쓰이고 여튼 다양하게 쓰인다. 사실, MAC OS X 에서는 Fiddler가 없었던걸로 알고 있었는데 맥 버전도 찾아보니 나와서 소개를 하게 되었다. 설치 https://www.telerik.com/fiddler 위 사이트에 방문해서 설치를 해주면 된다. 사용법 아래 사진은 Fiddler를 실행한 화면이다.(맥 버전 기준) 아래 사진이 HTTPS 패..

개요 이번 포스팅 에는 Postman을 이용해서 자신이 만든 웹 서비스를 테스트 해보는 방법을 다뤄보도록 하겠다. 실습해볼 환경은 MAC OS X 기준으로 작성되었음을 알립니다. 설치 먼저 아래 링크로 접속을 해서 Postman을 다운로드 받어서 설치를 합니다. https://www.getpostman.com/downloads/ 설치가 완료되고나서 Postman을 실행하면 아래와 같은 화면이 나옵니다. 사용방법 보통 아래 그림과 같이 사용을 합니다. 위에서 보이는 그림과 같이 URL옆의 버튼으로 HTTP METHOD를 설정하고 URL을 적어준 뒤, Header탭에 보내려는 요청에 맞는 헤더들을 집어넣어주고 body 탭에 보낼 데이터를 넣어주면 된다. 그 외에도 포스트맨(Postman)같은 경우 Swagg..

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 설치한 모듈은 아래와 같이 사..