


홈, 회사소개, 서비스 목록/상세, 문의 폼 다섯 화면과, 담당자가 코드를 건드리지 않고 문구/서비스/연혁/문의 내역을 직접 고치는 관리 화면(CMS)을 내장한 회사 웹사이트입니다. 직접 구현한 부분 - 사이트 텍스트, 서비스, 연혁을 전부 DB로 빼고, 관리자에서 저장하면 재배포/재시작 없이 공개 페이지에 바로 반영되는 것을 실제로 확인 - 문의 폼 제출부터 저장, 관리자 노출까지 실제 제출로 종단 검증 - 회사명과 카피를 담은 OG 이미지를 요청마다 동적 생성(next/og), sitemap도 DB에서 생성 - 375px 모바일부터 설계, 6개 화면에서 가로 넘침 실측 - 전부 가로 스크롤 0 서버가 읽은 DB 행을 화면 컴포넌트에 넘길 때 직렬화 검사에 걸려 500 오류가 나는 결함을 만나, 호출부마다 고치는 대신 데이터 계층에서 한 번에 막은 기록이 있습니다. Next.js 15 App Router / TypeScript strict / node:sqlite / 외부 의존성 0
MCP LABS
웹 개발
검색 + 필터 + CSV 업로드까지 DB 리스팅 사이트
04이중 예약을 DB가 막는 예약 접수 시스템
02DB 근거로 확률을 계산하는 AI 에이전트 (MCP 연동)
09아이디어에서 시작한 매칭 플랫폼 (회원 인증 + 매칭 확정)
03재고가 음수로 내려가지 않는 소상공인 백오피스
05화이트리스트를 눈으로 확인하는 MCP 대시보드 - 사내 DB 연동
05원문 근거를 인용하는 AI 문서 질의응답 (RAG)
015WebSocket 실시간 시세 대시보드 - React 19 + TypeScript
06끊겨도 스스로 붙는 실시간 좌석 현황판
04- 더보기
사내 요청/결재/반려 관리
03티스토리 블로그 자동 글쓰기 프로그램
07영상 원고/장면/검수 관리
05Framer 홈페이지 개선 - 카카오 알림톡 연동, 안내 구역, 시공 갤러리 카드
08사주분석 웹서비스
02웹사이트 상품 소개 페이지 (SDE 자체)
02아이엠도어 - 도어 시공 홈페이지 제작
01에이치브릿지 홈페이지 AI 에이전트로 설계제작검수배포, 문의 접수는 매시간 자동 점검
00우리클린 - 사무실청소, 에어컨청소 홈페이지 제작
00

















