mdx 추가

Author: MindulMendul

app/privacy/page.mdx

@@ -0,0 +1,140 @@
+# The First Take 개인정보처리방침
+
+**서비스 상태**: 개발 중 (베타 테스트 준비 단계)  
+**시행일자**: 2025년 7월 7일
+
+> 본 개인정보처리방침은 현재 개발 중인 서비스에 대한 것으로, 정식 서비스 출시 시 보다 구체적으로 업데이트될 예정입니다.
+
+## 1. 개인정보의 수집 및 이용 목적
+
+The First Take("회사" 또는 "서비스")는 현재 개발 중인 AI 패션 추천 서비스를 위해 다음 목적으로 개인정보를 수집 및 이용할 예정입니다.
+
+### 수집 목적 (개발 완료 시)
+
+- 패션 추천 서비스 제공
+- 사용자 맞춤 스타일링 상담
+- 서비스 이용 통계 분석 (개인 식별 불가 형태)
+- 고객 지원 및 문의 응답
+
+### 개발 단계에서의 수집 목적
+
+- 베타 테스트 참여자 관리
+- 서비스 피드백 수집
+- 기능 개선을 위한 사용성 테스트
+
+## 2. 수집하는 개인정보 항목
+
+### 현재 개발 단계에서 수집 예정인 정보
+
+**필수 수집 정보**
+
+- 이메일 주소 (베타 테스트 신청 및 서비스 가입용)
+- 닉네임 또는 이름
+- 서비스 이용 기록 (채팅 내용, 추천 기록)
+
+**선택 수집 정보**
+
+- 스타일 선호도 설문 응답
+- 체형 정보 (추천 정확도 향상 목적, 선택사항)
+
+### 자동 수집 정보
+
+- 접속 로그, IP 주소
+- 서비스 이용 통계 (페이지 방문, 기능 사용 빈도)
+
+> **주의**: 정식 서비스 출시 시 수집 항목이 변경될 수 있으며, 변경 시 사전 공지 후 동의를 받을 예정입니다.
+
+## 3. 개인정보의 보유 및 이용 기간
+
+- **회원 정보**: 회원 탈퇴 시까지
+- **서비스 이용 기록**: 3년간 보관 후 파기
+- **상담 내용**: 1년간 보관 후 파기
+
+## 4. 제3자 제공
+
+회사는 원칙적으로 개인정보를 외부에 제공하지 않습니다. 단, 다음의 경우는 예외로 합니다:
+
+### 개발 단계별 데이터 처리 계획
+
+- **Pinterest**: 공개 패션 트렌드 데이터 수집 (개인정보 미포함, 트렌드 분석 목적)
+- **AI 서비스 제공업체 (OpenAI/Anthropic)**: 채팅 기반 추천 서비스 제공 (개인 식별 불가 형태로 처리)
+
+> **개발 중 참고사항**: 현재 Pinterest API 연동을 준비 중이며, 승인 후 공개 패션 데이터만을 수집할 예정입니다. 개인의 Pinterest 계정 정보는 수집하지 않습니다.
+
+## 5. 개인정보 처리 위탁
+
+원활한 서비스 제공을 위해 다음 업체에 개인정보 처리를 위탁합니다:
+
+| 위탁업체         | 위탁업무                   | 개인정보 보유기간   | 개발상태     |
+| ---------------- | -------------------------- | ------------------- | ------------ |
+| AWS              | 서버 호스팅 및 데이터 저장 | 서비스 종료 시까지  | 준비 중      |
+| OpenAI/Anthropic | AI 기반 추천 서비스        | 처리 완료 즉시 삭제 | 연동 준비 중 |
+
+## 6. 정보주체의 권리
+
+사용자는 다음 권리를 가집니다:
+
+- **열람권**: 본인의 개인정보 처리 현황 확인
+- **정정·삭제권**: 잘못된 정보의 수정 또는 삭제 요구
+- **처리정지권**: 개인정보 처리 중단 요구
+- **손해배상청구권**: 개인정보 침해로 인한 손해 배상 청구
+
+## 7. 개인정보 보호를 위한 기술적/관리적 대책
+
+### 기술적 보호조치
+
+- 개인정보 암호화 저장
+- 해킹 방지 시스템 운영
+- 백신 프로그램 설치 및 업데이트
+
+### 관리적 보호조치
+
+- 개인정보 처리자 최소화
+- 정기적인 보안 교육 실시
+- 개인정보 처리 시스템 접근 권한 관리
+
+## 8. 쿠키(Cookie) 사용
+
+서비스는 다음 목적으로 쿠키를 사용합니다:
+
+- 로그인 상태 유지
+- 사용자 맞춤 서비스 제공
+- 서비스 이용 통계 분석
+
+## 9. 개인정보 보호책임자
+
+**개인정보 보호책임자** (개발팀)
+
+- 이름: [양현성]
+- 연락처: sagiri0917@gmail.com
+- 전화: [추후 공개 예정]
+
+**개발 단계 문의 창구**
+
+- 부서명: 개발팀
+- 연락처: sagiri0917@gmail.com
+- 운영시간: 평일 09:00-18:00 (개발 중으로 응답이 지연될 수 있습니다)
+
+## 10. 개인정보처리방침 변경
+
+본 개인정보처리방침은 현재 개발 중인 서비스에 대한 것으로, 다음 시점에 업데이트될 예정입니다:
+
+- 정식 서비스 출시 시
+- 새로운 기능 추가 시
+- 관련 법령 변경 시
+- Pinterest API 등 외부 서비스 연동 변경 시
+
+변경 시에는 웹사이트 공지 및 이메일을 통해 사전 안내하며, 중요한 변경사항에 대해서는 별도 동의를 받을 예정입니다.
+
+**현재 버전**: v1.0 (개발 중)  
+**공고일자**: 2025년 7월 7일  
+**시행일자**: 2025년 7월 7일  
+**다음 업데이트 예정**: 베타 테스트 시작 전
+
+---
+
+_현재 개발 중인 서비스에 대한 문의사항이 있으시면 아래 연락처로 문의해 주시기 바랍니다._
+
+**The First Take 개발팀**  
+**이메일**: sagiri0917@gmail.com
+**개인정보 관련**: sagiri0917@gmail.com

mdx-components.tsx

@@ -0,0 +1,7 @@
+import type { MDXComponents } from 'mdx/types';
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    ...components,
+  };
+}

next.config.ts

@@ -1,4 +1,5 @@
 import type { NextConfig } from 'next';
+import createMDX from '@next/mdx';
 
 const nextConfig: NextConfig = {
   /* config options here */
@@ -17,6 +18,11 @@ const nextConfig: NextConfig = {
       },
     ];
   },
+  pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
 };
 
-export default nextConfig;
+const withMDX = createMDX({
+  extension: /\.(md|mdx)$/,
+});
+
+export default withMDX(nextConfig);

package.json

@@ -17,12 +17,16 @@
     "@capacitor/cli": "^7.4.0",
     "@capacitor/core": "^7.4.0",
     "@capacitor/ios": "^7.4.0",
+    "@mdx-js/loader": "^3.1.0",
+    "@mdx-js/react": "^3.1.0",
+    "@next/mdx": "^15.3.5",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-scroll-area": "^1.2.9",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@tanstack/react-query": "^5.81.2",
+    "@types/mdx": "^2.0.13",
     "@xyflow/react": "^12.7.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",