현재 jekyll 기반의 블로그에서 Gatsby 기반의 블로그로 옮기는 작업을 하고있어요. 이유는 다음과 같습니다. jekyll 커스텀하는 과정이 익숙하지 않아 어렵다. Gatsby는 React 기반의 SSG 프레임워크로 익숙하기 때문에 자유도가 높다. Gatsby를 잘 다뤄보고 싶다. 블로그를 떠나, ...

이를 구현해본 이유 Toss블로그 - 자료구조를 활용한 복잡한 프론트엔드 컴포넌트 제작하기 현재 작업중인 EEUM의 소개페이지 개발의 마무리단계에서 블로그를 추가적으로 개발하기위해 레퍼런스를 알아보고 있었다. 토스, 당근, 올리브영 등의 블로그를 찾아보던 도중 토스 블로그에서 작성한 게시글을 우연히 보게되었고, 충격을 받아 기능만이라도 구현해...

힙과 이중트리 트리구조를 class로 구현하는 것은 할줄알았는데, 우선순위큐 같은 것들을 구현하는 것에 익숙하진 않았다. 개념은 알고있었으나 직접 써보지 않아 프로그래머스의 더맵게라는 문제를 풀 때 좀 고생했다. 아무튼, 관련 추후 있을 코딩테스트에도 대비하기 위해 정리한다. PCCP도 도전해야하니까~ 이중트리 길찾기게임 나는 트리를 다음의 ...

요즘 너무 정신없었다. 최근 외주받고 프로젝트도 하고 있고 아무튼 뭔가 많이했다. 운동도 해야하는데! 오늘은 한시간은 꼭 하고 집에 들어가야겠다. 아무튼 요즘 뭐하고 사는지 기록을 남겨보려한다. 지금 하고있는 것 최근에 있던, 나에게 일어난 큰 이벤트는 크게 두개같다. 이음컴퍼니 웹 개발 취업준비 취업준비는 뭐 당연한거지만, 출장 ...

📌 Multer 복잡한 파일 업로드과정을 단순하게 해주는 자바스크립트의 라이브러리 이미지를 넣을 수 있는 게시글 작성 기능을 개발한다고 가정하고 진행해보자. yarn add yarn add multer @types/multer uuid @types/uuid 사진을 그대로 올릴순 없다. uuid를 활용한다. Entity의 수정...

목차 Config를 활용한 환경변수 활용 process 객체를 활용한 환경변수 활용 프로젝트를 할 때 보안적 측면을 고려해서 env파일을 사용한다. API키, DB정보 등을 환경변수로 활용할 필요가 있다. Config 이를 활용하기 위해선 @nestjs/config를 설치...

이번 게시글에선 받은 kafka 데이터를 websocket으로 FE에 전달하는 로직을 구현하려한다. 구현한 코드 Github 링크 Nestjs 소켓통신 환경 구축하기 yarn add yarn add @nestjs/websockets @nestjs/platform-socket.io socket.io 버전맞추기 websocket의 경우 버전이...

이 전편에서 Docker로 Kafka를 설정하는 것에 대해 다뤘다. 이어서 Producer와 Consumer 입장에서 Kafka를 다뤄보자. 딥한 내용보단 연결하고 보내는 것 까지 한번 진행해보자. Producer, Consumer을 다른 포트의 Nest백엔드로 구현해서 서로 통신이 가능한지 확인하려한다. 참고로 아래의 과정을 진행하기위해선 ka...

왜 해보는거임? 최근 프로젝트를 기획하고 진행할 예정에 있는데, 원하는 기능을 구현하기 위해 MSA 구조를 채택할 가능성이 있기에 미리 해볼 필요가 있다고 생각했다. MSA에서 Kafka는 핵심이라고 생각하기에 더더욱! 할 필요가 있다고 생각했다. 목차 Docker에서 이미지 찾기 docker-compose 파일 작성하기 ...

Pagination 쿼리에 해당되는 데이터를 한번에 다 불러오지 않고 부분적으로 쪼개서 불러오는 것을 말한다. 한번에 다 가져오는 것, 결국 비용이다! 메모리, 서버 사용 비용 등의 이유로 pagination을 사용. Pagination의 종류 페이지를 기준으로 데이터를 잘라서 요청하는 Paginatio...