Challenge 1
SvelteKit의 새로운 라우팅 시스템
SvelteKit의 파일 기반 라우팅과 레이아웃 시스템을 처음 사용하면서 구조를 이해하는데 시간이 걸렸습니다.
Solution
SvelteKit 라우팅 구조 학습 및 적용
공식 문서와 예제를 참고하여 레이아웃 시스템을 이해하고, 공통 레이아웃과 페이지별 레이아웃을 효율적으로 구성했습니다.
법률사무소 대도
법률사무소 공식 웹사이트 및 관리자 시스템
Period
2023.03 - 2023.05
Team
2인 팀 프로젝트
Role
프론트엔드 개발 (SvelteKit, 라우팅, 관리자 페이지)
Project Overview
Background
법률사무소 대도의 온라인 존재감 강화와 고객 상담 프로세스 개선을 위한 공식 웹사이트 및 관리자 시스템 구축 프로젝트였습니다.
Goal
전문적이고 신뢰감 있는 웹사이트를 구축하고, 관리자가 콘텐츠를 쉽게 관리할 수 있는 CMS 시스템을 제공하는 것이 목표였습니다.
Key Features
- 사무소 소개 및 변호사 프로필 페이지
- 전문 분야별 법률 서비스 안내
- 상담 예약 시스템
- 법률 칼럼 및 소식 게시판
- 관리자 페이지 (콘텐츠 관리)
- 반응형 디자인
Tech Stack
SvelteKitSupabaseTailwind CSSTypeScript
Technical Challenges & Solutions
Challenge 2
Supabase 데이터베이스 설계
변호사 프로필, 법률 서비스, 게시글 등 다양한 콘텐츠를 효율적으로 관리하기 위한 데이터베이스 구조 설계가 필요했습니다.
Solution
정규화된 데이터베이스 설계
변호사, 서비스, 게시글 테이블을 정규화하고, 외래 키를 활용하여 데이터 무결성을 보장했습니다. Supabase의 실시간 기능을 활용하여 관리자가 수정한 내용이 즉시 반영되도록 구현했습니다.
Challenge 3
관리자 권한 관리
Supabase의 Row Level Security(RLS)를 활용하여 관리자만 콘텐츠를 수정할 수 있도록 권한을 설정해야 했습니다.
Solution
Supabase RLS 정책 설정
관리자 role을 생성하고, RLS 정책을 통해 인증된 관리자만 데이터를 생성/수정/삭제할 수 있도록 보안을 강화했습니다.
Achievements
Key Metrics
개발 기간
2개월
팀 규모
2명
페이지 수
15+
User Feedback
- •깔끔하고 전문적인 디자인이 법률사무소 이미지와 잘 맞습니다.
- •관리자 페이지를 통해 콘텐츠를 쉽게 업데이트할 수 있어 편리합니다.
- •모바일에서도 깔끔하게 보여서 좋습니다.
Learnings / Next Steps
- ✓관리자 페이지 도입으로 콘텐츠 업데이트 시간 80% 단축
- ✓상담 예약 시스템으로 고객 문의 처리 효율성 50% 향상