> frontend_archive.init()

구현 기록을
문서처럼 정리합니다.

// React, Next.js, TypeScript, UI 설계와
트러블슈팅을 읽기 좋은 글로 정리합니다.

FrontendReact / Next.jsCSS / UITypeScriptTIL

◎ TROND ARCHIVE

Seoul, KR — Frontend Engineer

최근에 정리한 글

// DevOps · Infra2026년 6월 21일 · 3 min read

관계형(SQL)과 NoSQL의 차이를 데이터 저장 방식부터 비교하고, SQLite·Postgres·MongoDB·Firestore가 각각 어디에 속하는지, 댓글 같은 실제 기능엔 무엇이 맞는지 정리했다.

// DevOps · Infra2026년 6월 20일 · 3 min read

서버에서 이벤트가 생길 때 폰으로 즉시 알림을 받고 싶다면 메신저 웹훅이 가장 가볍다. Discord·Slack·Telegram·이메일(Resend)의 무료 웹훅을 셋업 난이도와 코드까지 비교했다.

// Project2026년 6월 19일 · 4 min read

로그인 없이 댓글을 받되, 같은 사람이 쓴 댓글인지 식별하고 본인만 삭제할 수 있게 하려면? 디시인사이드 유동닉의 원리(닉네임+비밀번호+IP 일부)를 가져와 IP 해시와 PBKDF2로 안전하게 구현한 기록.

// Project2026년 6월 18일 · 5 min read

서버가 없는 GitHub Pages 정적 블로그에 댓글·조회수·이모지 리액션·방명록을 붙였다. Supabase Edge Function을 백엔드로 쓰고, 익명이지만 식별 가능한 댓글·본인 제외 조회수·무료 운영까지 실제로 구축하며 내린 결정들을 정리했다.

// DevOps · Infra2026년 6월 14일 · 6 min read

Prometheus 응답을 uPlot의 AlignedData로 바꾸는 변환과, 명령형 uPlot을 React에 얹는 법. 행 지향 vs 열 지향 데이터 형식 차이, 문자열·타임스탬프 함정, 인스턴스 재생성 원칙을 정리하며 시리즈를 마친다.