블로그 시작 계기 어느 때와 같이 게시판 프로젝트를 진행하던 중에 코로나 대유행을 피하지 못하고, 결국 나도 코로나에 처음으로 걸리게 되었다. 생각보다 심하게 걸려서 1~2주는 꼼짝도 못했는데, 어느정도 컨디션을 회복하고 나서, 다시 프로젝트를 진행하고자 했다. 당연히 고작 1~2주였기에 프로젝트 진행에 큰 문제는 없었으나, 2%정도 무언가 부족한...

어느날 확인해본 결과 알게된 오류 오랜만에 커밋해두었던 블로그의 내용을 저장소에 푸쉬하였는데, 반영이 되지 않아서 캐시 문제라고 생각했었다. 그런데, 충분한 시간을 기다리고 캐시 사용을 중지하거나 강제로 새로고침하여도 반영되지 않아서 깃허브 action에서 빌드등의 오류가 생겼다 싶어서 확인하러 갔다. 아니나 다를까, 역시 깃허브 action에서 오...

어느날 갑자기 api 통신이 안되는 오류 발생 주기적으로 yongheonn.com 사이트를 점검하던 어는 날, 아무것도 건드린 적 없는데, 잘되던 사이트에 문제가 발생했다. 프론트 단의 사이트 자체는 문제가 없었으나 백엔드와의 통신이 먹통이 되었는지, 게시판 목록을 받지 못하고 있던 것이다. 그래서, 일단 개발자 도구를 통해 네트워크 탭을 확인했고,...

git에서 민감한 정보 처리 spring에서 application.yml이나 application.properties등 민감한 정보를 관리할 때, .gitignore를 통해서 공개되지 않도록 한다. 로컬 개발 환경에서는 문제되지 않지만, 문제는 실제 프로덕션에 전달할 때이다. 이러한 때에는, submodule을 사용하면 좋다. secret key를 ...

aws data transfer 트래픽 이상 불과 하루도 안되어 프리티어 공짜 한도인 1gb 중 거의 700mb를 사용했다. 처음엔 해킹도 의심했지만 그렇다기엔 이상한 점이 한둘이 아니라, 이 트래픽을 추적하다보니 ttf 파일이 혼자 600mmb 정도 차지하고 있었다. ttf 파일은 리액트 프로젝트 생성시 자동으로 assets/font에 들어가 ...

html, css, js 캐시 문제 해결 기본적으로 리액트 빌드시 index.html은 그대로지만, static 폴더의 css와 js는 매번 파일명이 변경되어 새로 업로드된다. 여기에 어차피 html에서 로드할 css와 js가 결정되기에 css와 js의 캐시를 최대한 길게 잡아도 업데이트할 때는 새로운 css와 js가 적용되며, 업데이트되지 않았을...

주의점 다음 메일은 smtp에서 ssl 방식을 사용하기에 포트는 465로 하고, properties에서 ssl을 따로 enable: true로 해주어야 한다. 그리고, 계속 452 check your e-mail address라는 에러가 떠서 확인해 봤더니, application.yml 문제인줄 알았는데 SimpleMailMessage에서 setF...

앞으로 할 것 Front-end flux 패턴 공부, redux 도입 고민 글작성 div contenteditable 속성 이용해서 구현 (해결) 글 수정 및 삭제 기능 구현 (해결) 댓글 기능 구현 댓글 기능 및 이미지 등에 lazy loading 이용 /** */ 주석을 이용한 코드 설명 import 문법이나 reac...

비밀번호 입력방식 처음에 글에 비밀번호를 설정할 수 있게 하여, 비밀번호를 설정할 시, 글쓴이, 운영자, 비밀번호를 아는 사용자만 볼 수 있게 하는 구조를 만들었었다. 그리고, 이를 위해 비밀글로 접근시 글쓴이, 운영자가 아닐 경우 비밀번호 입력 화면으로 이동하게 만들었는데, 보통 유명 사이트들에서 인증코드 입력 화면을 참고하여 6자리 코드를 영문...

멀티 인덱스 최적화 게시판 주제로 프로젝트를 짤때, 주제별로(ex: 자유게시판, 질문게시판등으로 나눌때, 혹은 주제별로 카테고리를 나눌때) 게시판을 분류한다고 가정한다. 이때, 게시판을 페이지를 기준으로 리스트를 뽑아온다면, subject(주제)와 그에 해당하는 게시판 번호(s_bno)를 인덱스로 설정하면 좋을 것이다. 이 두 컬럼은 같이 쓰기 ...