Categories
Tags
8
16
32
내 블로그 편집기에 AI 챗봇을 달아주기로 했다 몇 일 전 소개드렸던, "블로그 포스트 웹 편집기 개발"에 대해 포스팅을 했습니다. 이어서 개선사항을 반영해서 더 나아진 편집기를 소개 및 기록하기 위해 포스팅합니다. AI 챗봇을 추가하게 된 이야기를 공유해 보려고 해요. 처음에는 그저 마크다운으로 글을 편하게 쓰는 데에만 초점을 맞춘 간단한 도구였는데, 사...
2025년 09월 12일![커버: [EDITOR] 블로그 포스트 에디터 만들기 01 커버 이미지](/assets/images/post/covers/dalle-til-cover-edit.png)
블로그를 운영한 지 어느덧 4년이라는 시간이 흘렀네요. 처음에는 헤로쿠(Heroku)라는 좋은 플랫폼을 통해 손쉽게 블로그를 시작했지만, 서비스가 유료화되면서 정든 곳을 떠나 깃허브(GitHub)로 이전해야만 했습니다. 정적 사이트를 만들기 위해 Jekyll을 시작으로 Django와 Spring으로 구현한 블로그를 운영하면서 최종적으로 Next.js로 정착...
2025년 09월 10일![커버: [Node] Node 환경에서 프론트와 백엔드 같이 빌드하기 커버 이미지](/assets/images/post/covers/TIL-node.png)
프로젝트 결합 빌드 오랜만에 포스팅 합니다. 솔직히 방문자 수가 줄어들면 어쩌나 하는 생각도 들더라구요 😊 이번에는 조금 실험적인 주제를 다루려고 합니다. 그만큼 포스팅에서 이야기 할 거리도 좀 적은게 흠이네요. 아직 시도해 본 적이 없어서 실험적이라는 말을 썼는데요. 자바 진영에서 react를 같이 빌드했던 기억이 있습니다. 현재는 Node를 사용하고, 사용하면서 백단과 프론트를 같이 빌드해서 실행해본 경우는 없습니다. 현재 처한 상황에서 이런게 필요하겠다 싶어서 테스트 후 기록해봅니다. 우선 프로젝트 환경에 대해 설명하자면 다음과 같습니다.
2023년 07월 10일![커버: [EXPRESS] fileupload 구현 커버 이미지](/assets/images/post/covers/TIL-express.png)
express에서 파일업로드 하기 express를 사용하다보면 자주 들어보기는 했지만 사용할 기회가 없어서, 혹은 내용 파악이 어려워서 등등의 이유로 다양한 라이브러리를 마주하게 되는 순간이 오게 되는데요. 자바나 장고를 사용하면서 파일 업로드를 해 본 경험은 많지만 express로 구현해 본 적이 없어서 기록을 남기려합니다. 포스팅 해야지 하면서 그렇게 일주일이 지나서야 쓰게 됩니다. express에서 파일을 업로드하기 위해 multer를 쓰기로 했습니다. 단순히 파일 업로드를 위함은 아니고 express에서 받던 formdata 형식을 x-www-formurlencoded에서 form-data형식으로 변경해서 만들기 위함 입니다. 방법이야 정해진 것은 없으니 자신에게 맞는 라이브러리를 쓰시고 고심하여 쓰시기 바랍니다. 물론 저처럼 개인 프로젝트에 쓰는 것이라면 굳이 상관은 없습니다.
2022년 09월 15일![커버: [REACT] react-router-dom에 middleware를 설정해보자 커버 이미지](/assets/images/post/covers/TIL-react.png)
react-router-dom에는 미들웨어 설정이 따로 없다. 아예 없는 것은 아닙니다만 리액트에서 미들웨어처럼? 사용하는 방법이 있습니다. 필요한 예로는 로그인하지 않은 상태에서 로그인이 필요한 서비스에 접근하려할 때 등인데요, 아래는 예시 코드로서 기록해둡니다.
2022년 09월 07일![커버: [EXPRESS] Express + Typescript 환경 구축 01 커버 이미지](/assets/images/post/covers/TIL-express.png)
Express + Typescript 환경 구축 기록 spring boot로 작성된 프로젝트를 express로 변경하는 중에 발생한 에러를 중심으로 기록합니다. 설정 node에서 commonjs를 사용하는데 import 구문을 사용하기위해 몇 가지 설정이 필요합니다. package.json에서 `type`필드에 `module`을 추가해야합니다. 그리고 tsconfig.json에서 target과 module, ts-node 설정이 필요합니다.
2022년 09월 04일![커버: [AWS] AWS EC2 + NGINX + Spring boot + React 환경 03 커버 이미지](https://user-images.githubusercontent.com/71887242/187075852-a5f21ed6-667f-4b0c-bdfe-07451e55e96f.png)
AWS EC2 호스팅 영역 및 HTTPS 설정 이전 편까지 로드 밸런서와 freenom에서 도메인을 얻는 등의 작업을 했는데요, 마무리 포스팅으로 호스팅 영역 설정과 HTTPS 설정을 정리하도록 하겠습니다. 호스팅 영역 설정 `Route53` 대시보드를 열면 호스팅 영역을 새로 만들 수 있는 부분이 나옵니다. AWS에서 도메인을 구입했다면 도메인 등록을 하시기 바랍니다. 하지만 저는 돈이 없기 때문에 무료 도메인으로 호스팅 영역을 설정하고 사용하는 방법을 정리하려합니다. 호스팅 영역이 없으시다면 이전 포스팅을 참고하여 만들고 오시기 바랍니다.
2022년 08월 28일![커버: [AWS] AWS EC2 + NGINX + Spring boot + React 환경 02 커버 이미지](https://user-images.githubusercontent.com/71887242/185749567-71909a12-c91f-4f87-89b9-cd9e4970ec27.png)
AWS EC2 domain 발급부터 https 설정까지 1편에서 다룬 내용은 aws ec2 인스턴스 생성부터 필요한 개발환경 설정과 톰캣서버 구동하여 테스트를 해본 내용이었습니다. 이제 freenom에서 무료 도메인을 얻어 aws에서 route53설정과 https프로토콜을 사용하기 위해 필요한 로드밸런서 설정, 대상그룹 설정 등을 기록해서 알아보겠습니다.
2022년 08월 20일