개요 예전에 React를 처음 사용할 때 backend를 jwt 인증방식으로 구현한 뒤 frontend에서는 이 jwt를 어디에 저장할지 고민했었다. 그때 4장. JWT 이해 및 적용를 보고 쿠키에 httpOnly 설정으로 저장하는 방법을 사용하기로 결정했다. 당시는 따라하는데 급급하여 무작정 똑같이 하였는데, 이번에 gonic-gin C...

개요 CORS에 대해 알아가다 보니 이를 이용하여 악의적인 스크립트로 사용자 인증 정보를 공격자 서버로 보낼 수도 있겠다(XSS 공격)라는 생각이 들었다. 그래서 예시를 작성해 실험해보았다. gonic-gin CORS 처리 XSS(Cross-stie scripting) 정의(MDN 문서에서 아래 내용 발췌) X...

개요 cors에 대해서 자세히 알아본다. gin web framework 사용 시 cors 처리 예시를 작성해본다. CORS 란(참고) 정의 CORS(Cross-Origin Resource Sharing, CORS)는 추가적인 HTTP 헤더를 사용하여, 다른 출처의 선택한 자원에 접근할 수 있도록 브라우저에게 알려...

개요 기존의 fork 방식으로 chirpy 테마 jekyll 블로그를 운영하다가 여러 문제가 발생했다. html-proofer HTML parsing error가 발생하더니, 이제는 아예 배포 후 테스트를 통과하지 못한다. 이와 같은 문제는 버전업만으로도 쉽게 해결된다는 것을 알아내었다. 그래서 원본 repo를 로컬에 등록한 후 pul...

개요 git push 전 git db를 최신화 시키고 이를 rebase 하여 local에서 conflict 처리를 하고자 한다. 이를 위해 해당 기능의 명령어를 shell script로 작성하여 해결하였다. 발단(형상관리 방법의 변화) 메인페이지의 빈번한 수정이 요청됨에 따라 배포 주기가 엄청 짧아졌다. 이에 대응하기 위해 형상관...

개요 chirpy 테마 사용 중 kramdown의 html language code block에서 에러가 발생해 테스트를 통과하지 못하는 문제가 발견되었다. 원인은 메인에서 노출되는 미리보기 항목에서 html 코드 부분이 노출되면서 parsing 에러가 나는 것이었다. 이를 막기 위해 글 서두에 일정량의 글을 써서 html 코드가 미리보...

개요 Label 태그에 개행을 넣은 경험을 기록한다. gonic-gin으로 환경을 만들어 실험환경을 구축한다. js를 통해 문제를 해결한다. Label 태그 Input 태그를 설명하는 문자열이 필요한 경우, Label 태그에 넣어 추가한다. Label 태그 사용법 Label 태그의 for attribute에...

개요 서브 공유기에 랜선을 연결하여 사용 중이신 개발자님께서 본인 pc에서 개발 서버를 올린 후 개발물을 모바일로 확인해야하는 하는 이슈가 생겼다. 서브 공유기에 포트포워드을 해주어 문제를 해결하였다. 환경 ISP와 직접 연결된 메인 공유기가 있고, 메인 공유기에 랜선을 연결하여 작은 방 내에서 라우팅하는 서브 공유기가 있고, 우리 ...

개요 노드로 웹 서버를 실행하고 같은 네트워크에 있는 모바일 디바이스로 접속하니 접속 실패하였다. 모바일에서 localhost 접속(in windows) 방법대로 했으나 되지 않았다. 혹시나 하여 golang으로 웹 서버를 실행하고 똑같이 모바일 디바이스로 접속해보니 된다. 원인은 node 자체에서 추가한 방화벽 규칙이 있었고, 이 방...

개요 프론트에서 input에 4byte 이모지 입력을 막기 위해 정규식 적용하여 이를 기록한다. 자바스크립트 정규식 플래그 자바스크립트에서 정규식을 쓸 때, 정규식 문 마지막 슬래쉬(/) 뒤에 플래그를 붙일 수 있다. 플래그 g 전역 검색 i...