← 전체 프로젝트
사내 프로젝트 · 법률 상담 · 출시 보류
법률 상담 유입 및 변호사 플랫폼
입사 초기 프론트엔드에서 API·데이터 흐름까지 확장한 경험
- 양쪽 서비스 개발
- User + Admin
- 서버 로직 경험
- API Routes
- 출시 전 검증 완료
- 내부 테스트
구축 과제
- 사용자 상황에 맞는 상담 신청 흐름 구성
- 운영자가 질문지 구성을 관리할 기능 필요
- 화면에서 API·DB와 외부 알림까지 연결할 필요
구현·검증 결과
- 상황 입력·질문지 응답·변호사 선택·상담 신청 구현
- 사용자 화면과 관리자 질문지 기능 개발
- 내부 테스트까지 완료했으나 외부 출시는 보류
프로젝트 배경
입사 초기 프론트엔드 포지션으로 시작했지만 Next.js 단일 프로젝트 구조 안에서 화면, API Routes, 데이터 구조와 외부 알림 연동을 함께 경험했습니다.
내 역할과 범위
Frontend Developer / Web Developer
2023 ~ 2024
사용자·관리자 화면과 API·DB 개선에 참여했습니다. 일부 서비스는 내부 테스트까지 완료했으나 외부 출시가 보류되어, 실제 운영 성과로 표현하지 않습니다.
해결할 문제
연속된 상담 신청 흐름
상황 입력부터 변호사 선택과 신청까지 연결되는 화면·데이터 흐름이 필요했습니다.
사용자와 관리자 기능 연결
사용자가 답하는 질문 구성을 운영자가 관리할 수 있어야 했습니다.
구현한 내용
사용자가 상황을 입력하고 질문지에 답한 뒤 변호사를 선택해 상담을 신청하는 사용자·관리자 서비스를 개발했습니다.
- 사용자 상황 입력, 질문지 응답, 변호사 선택과 상담 신청 플로우 개발
- 운영자가 질문 구성을 관리하는 관리자 질문지 기능 구현
- Next.js API Routes 기반 API와 PostgreSQL 데이터 구조 개선 참여
- 로그인, 정적 페이지, 사용자·관리자 화면 개발
- 푸시 알림, 알림톡, NCP 등 외부 서비스 연동 경험
접근 방식
연속된 상담 신청 흐름
사용자 입력·질문지·변호사 선택·상담 신청 플로우를 구현했습니다.
상담 신청 흐름을 내부 테스트했습니다.
사용자와 관리자 기능 연결
관리자 질문지와 API Routes, PostgreSQL 데이터 구조 개선에 참여했습니다.
화면과 서버 데이터의 연결 경험을 확보했습니다.
시스템 구조
- 사용자 입력상황·질문
- 상담 연결변호사 선택
- 신청 처리API
- 운영 관리관리자
담당 기능을 중심으로 정리한 개념 흐름입니다.
- 화면
- Next.js · React · 사용자 및 관리자
- 서버·데이터
- API Routes · PostgreSQL · Prisma
- 클라이언트 상태
- React Query · Zustand
- 외부 연동 경험
- 푸시 알림 · 알림톡 · NCP
품질 관리와 검증
- 출시 전 내부 테스트를 수행한 범위의 구현 경험
- 운영 환경의 성능·이용자 수·전환율 등 미확인 성과는 제시하지 않음
- 회사 일정에 따른 외부 출시 보류 상태를 명시
사용 기술
- Next.js
- React
- TypeScript
- API Routes
- PostgreSQL
- Prisma
- React Query
- Zustand