Haze의 블로그
공식 자료로 확인한 개발·생활정보 기록
-
n8n으로 1:1문의 중복 체크 자동화 시스템 구축
부동산 서비스의 1:1 문의 CS를 자동화한 기록. n8n 워크플로가 새 문의를 과거 문의 목록과 대조해 중복 여부를 판단하도록, 알고리즘 비교 대신 LLM 판단을 조합해 구축한 과정을 정리한다.
-
AWS-Dynamo DB를 활용하여 유저 통계 데이터 수집
백오피스에 게임별 유저 통계 차트를 붙이기 위해 AWS DynamoDB로 수집 파이프라인을 구성한 기록. 테이블 설계와 집계 방식, 백오피스 차트 연동까지 실제 구축 순서대로 정리한다.
-
티마고치 최종 회고
코드잇 스프린트의 마지막 팀 프로젝트 '티마고치' 최종 회고. 기획부터 발표까지의 과정과 맡았던 역할, 잘한 점과 아쉬운 점, 협업에서 배운 것들을 솔직하게 정리한다.
-
Zustand를 활용한 toast 만들기
React 프로젝트에서 Zustand로 전역 toast 알림을 직접 만든 과정. 스토어 설계와 컴포넌트 구성, 라이브러리 없이 구현하며 배운 상태 관리 패턴을 코드와 함께 정리한다.
-
2주간의 리액트 첫 프로젝트 회고: Rolling
2주간 진행한 첫 리액트 팀 프로젝트 'Rolling' 회고. 롤링페이퍼 서비스를 만들며 겪은 협업 방식, 기술적 선택, 잘한 점과 아쉬운 점을 정리한다.
-
자바스크립트에서 API 요청 보내기: fetch vs axios
자바스크립트에서 API 요청을 보내는 두 방법, fetch와 axios를 비교하고 프로젝트에서 fetch를 선택한 이유를 정리한다. 의존성·번들 크기·에러 처리 관점의 판단 기준을 담았다.
-
Styled Components를 사용한 이유
여러 CSS 스타일링 기법 중 Styled Components를 프로젝트에 선택한 이유와 적응 과정. CSS-in-JS의 장단점과 실제 사용하며 느낀 점을 정리한다.
-
Next.js App Router를 활용한 칸반보드 서비스, Todo-Todo 프로젝트 회고
팀원들과 대시보드를 만들고 할 일을 공유하는 칸반보드 서비스 'Todo-Todo' 프로젝트 회고. Next.js App Router 기반 구현 경험과 협업 과정에서 배운 것들을 정리한다.
-
app router의 페이지네이션
Next.js App Router에서 페이지네이션을 공통 컴포넌트로 만들며 겪은 시행착오. URL 쿼리 기반 상태 관리와 서버·클라이언트 컴포넌트 경계에서의 구현 판단을 정리한다.
-
reduce와 재귀 함수를 이용한 데이터 중복 제거
대시보드의 중복 데이터를 reduce와 재귀 함수로 제거한 경험. 페이지네이션 응답에서 중복이 생긴 원인과 두 가지 접근의 구현 코드, 선택 기준을 정리한다.