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일![커버: [REDIS] 레디스 맛보기 01 커버 이미지](/assets/images/post/covers/TIL-redis.png)
Redis란 요즘 NoSQL과 MQ(메세지큐)에 관심을 가지다보니 레디스를 지나쳐 갈 수 없어서 간단하게 알아보고 실무에 적용해보려 합니다. 현재 프로젝트에 새로운 기술을 도입하는데 제한적이지 않고, 새로운 좋은 기술을 장려하는 분위기라 제안 후 적용 예정입니다. 먼저, 레디스란 무엇일까요? 캐시 관련 기술을 적용하는데 자주 듣던 이름입니다. 레디스는 Remote Dictionary Server의 약자로 원격 사전 서버라고 직역할 수 있겠네요. 파이썬에 딕셔너리라는 타입이 있고, 자바스크립트로 치면 map, 자바로 치면 HashMap과 비교할 수 있을 것 같습니다. 레디스는 아주 단순한 구조로 데이터를 저장하는데요, NoSQL에 속하며, DB의 역할, 캐시, 메세지 브로커로 사용이 가능한 오픈 소스입니다. 다양한 타입이 제공됩니다. 해당 타입들에 대해서는 이야기를 진행하면서 하나 씩 기록해보겠습니다.
2023년 08월 23일![커버: [EXPRESS] fileupload 구현 커버 이미지](/assets/images/post/covers/TIL-express.png)
express에서 파일업로드 하기 express를 사용하다보면 자주 들어보기는 했지만 사용할 기회가 없어서, 혹은 내용 파악이 어려워서 등등의 이유로 다양한 라이브러리를 마주하게 되는 순간이 오게 되는데요. 자바나 장고를 사용하면서 파일 업로드를 해 본 경험은 많지만 express로 구현해 본 적이 없어서 기록을 남기려합니다. 포스팅 해야지 하면서 그렇게 일주일이 지나서야 쓰게 됩니다. express에서 파일을 업로드하기 위해 multer를 쓰기로 했습니다. 단순히 파일 업로드를 위함은 아니고 express에서 받던 formdata 형식을 x-www-formurlencoded에서 form-data형식으로 변경해서 만들기 위함 입니다. 방법이야 정해진 것은 없으니 자신에게 맞는 라이브러리를 쓰시고 고심하여 쓰시기 바랍니다. 물론 저처럼 개인 프로젝트에 쓰는 것이라면 굳이 상관은 없습니다.
2022년 09월 15일![커버: [EXPRESS] express axios 에러 핸들링 커버 이미지](/assets/images/post/covers/TIL-express.png)
express + axios 에러 핸들링 axios를 자주 사용하지만 아직도 알아야할 것이 산더미입니다. express와 같이 사용하면서 어떻게하면 반복을 줄이고 효율적으로 에러 처리할지 고민하면서 괜찮았던 방법과 특히나 오류가 발생한 문제를 위주로 기록하려합니다. 도식화 하자면 아래와 같습니다.
2022년 09월 14일![커버: [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일![커버: [WEBRTC] node.js express + React + WebRTC + WebSocket 환경 구축하기 01 커버 이미지](/assets/images/post/covers/TIL-center.png)
node.js express + React 환경 구축부터 해보자 이번에 WebRTC와 webSocket을 조사해야할 일이 생겨서 부랴부랴 이론을 보고, 테스트해보기 위해 여러 블로그와 문서를 찾아다녔습니다. 이미 어려운걸 지금부터 해야한다니... 복 받은건가 먼저 Next에서 진행하려고 했으나 WebRTC를 설정하는데 있어서 node.js도 공부해 볼 겸 node와 react를 결합한 환경에서 테스트 해보려합니다. webrtc_test라는 폴더를 만들고 이동합니다.
2022년 06월 28일