My력서 (MyRecord)

누구나 간단하게 작성하는 나의 역사, My력서

안전하고 간편한 온라인 이력서 작성 서비스

🔍 데모

• My력서 바로가기

🎯 소개

My력서는 Next.js 기반의 온라인 이력서 작성 웹 애플리케이션입니다. 이력서에는 개인의 학력, 경력, 연락처 등 민감한 개인정보가 포함됩니다. 이러한 정보를 서버에 저장하는 순간, 유출 위험이 발생할 수 있다는 점을 고민했습니다.

그래서 My력서는 모든 데이터를 오직 사용자의 브라우저에만 저장하고, 서버를 전혀 사용하지 않는 방식을 선택했습니다. 마치 개인 컴퓨터에서 문서 작업을 하는 것처럼, 사용자의 소중한 정보는 사용자의 기기에만 안전하게 보관됩니다.

특징

• 강력한 보안:

  • 🔒 서버리스 아키텍처로 데이터 유출 원천 차단
  • 🔐 AES-256 암호화로 로컬 데이터 보호
  • 💾 안전한 IndexedDB 저장소 활용
  • 🛡️ CSP 기반 리소스 보안

• 스마트한 데이터 관리:

  • ⚡ 실시간 자동 저장
  • 💾 데이터 백업 및 복원
  • 📤 JSON 기반 데이터 이식
  • 🔄 크로스 브라우저 지원

• 최적화된 사용자 경험:

  • 🎯 PC 환경 최적화 UI
  • 🖱️ 드래그 앤 드롭 섹션 관리
  • 📝 커스텀 섹션 지원
  • 🖨️ PDF 출력 지원

⚠️ 데이터 보안 안내

사용자의 소중한 정보를 안전하게 지키기 위한 안내

• 신뢰할 수 있는 백신 프로그램 사용
• 운영체제와 브라우저의 최신 보안 업데이트 유지
• 중요한 작업 후에는 데이터 내보내기로 백업하기

✨ 주요 기능

1. 데이터 관리

• 📝 실시간 자동 저장
• 🔒 로컬 데이터 암호화
• 📤 데이터 이식성 지원
• 🔄 백업 및 복원

2. 섹션 관리

• ✏️ 기본 섹션 (경력, 학력)
• ➕ 커스텀 섹션 지원
• 🔄 드래그 앤 드롭 정렬
• 📌 섹션 접기/펼치기

3. 문서 관리

• 🖨️ PDF 출력
• 📱 반응형 디자인
• 📋 자동 저장

🛠️ 기술 스택

Core

• Next.js 14
• React 18
• Tailwind CSS
• Zustand (상태관리)

주요 라이브러리

• UI/UX

  • @dnd-kit (드래그 앤 드롭)
  • react-modal (접근성 모달)

• 데이터 & 보안

  • crypto-js (AES-256)
  • dexie (IndexedDB)
  • browser-image-compression

• 기능

  • react-to-print (PDF)
  • react-daum-postcode (주소)

개발 도구

• ESLint
• @next/bundle-analyzer
• Vercel

🌐 브라우저 지원

• 모던 브라우저 지원

⚠️ Internet Explorer는 지원하지 않습니다

🚧 개발 현황

• ✅ 프로젝트 초기 설정 (2024-09-05)
• ✅ 기본 레이아웃 구현 (2024-09-27)
• ⬜ shadcn/ui 마이그레이션
• ⬜ 반응형 디자인 구현