프로젝트 배경
1) 문제점 - 형사 전문 법무법인이 온라인에서 전문성과 신뢰를 효과적으로 전달할 수 있는 디지털 채널이 부재 - 기존 법률사무소 웹사이트들이 성범죄·마약 등 민감한 분야의 전문성을 체계적으로 소개하지 못함 - 잠재 의뢰인이 사건 유형별 성공사례와 변호사 전문 분야를 한눈에 파악하기 어려운 구조 - 콘텐츠(성공사례, 칼럼, FAQ) 업데이트를 위해 매번 개발자 의존이 필요한 비효율적 운영 2) 프
프로젝트 성과
11개 페이지 + 6개 API 모듈 풀스택 구축 완료
Next.js 16 + NestJS 기반 법무법인 홈페이지를 프론트엔드 11개 페이지, 백엔드 6개 독립 서브 모듈로 설계·구현하여 법률 도메인 특화 풀스택 아키텍처를 완성했습니다.
TDD 기반 22개 단위 테스트로 백엔드 안정성 확보
NestJS 6개 서브 모듈(law-case, law-faq, law-article 등)에 대해 22개 단위 테스트를 작성하여 법률 데이터 API의 CRUD 로직 안정성을 검증하고 회귀 버그를 사전 방지했습니다.
핵심 기능
진행 단계
기획 및 설계
2025.09.
법무법인 요구사항 분석, 정보 구조(IA) 설계, FSD 아키텍처 구성, Prisma 스키마 모델링, 와이어프레임 제작 및 다크 블루 테마 디자인 시스템 정의
프로젝트 상세
1) 포트폴리오 소개 성범죄·마약 전문 법무법인 "법무법인 정의"의 공식 홈페이지를 기획부터 개발까지 풀스택으로 구축한 프로젝트입니다. 11개 페이지, 6개 API 모듈로 구성된 법률사무소 전문 웹사이트로, 잠재 의뢰인에게 신뢰감을 주는 다크 블루 테마 디자인과 CMS 기반 콘텐츠 관리 시스템을 갖추고 있습니다. 2) 작업 범위 - 프론트엔드: Next.js 16 + React 19 기반 11개 페이







