Skip to content

Commit b47e1d5

Browse files
sikkzzsikkzz
authored
Merge pull request #30 from Nexters/feat/policy-page-ui
feat: 이용약관, 개인정보 처리 방침 페이지 퍼블리싱
2 parents 267dd24 + 46b29c9 commit b47e1d5

File tree

2 files changed

+343
-0
lines changed

2 files changed

+343
-0
lines changed

‎apps/tuk-web/src/app/privacy-policy/page.tsx‎

Lines changed: 167 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,167 @@
1+
export default function PrivacyPolicyPage() {
2+
return (
3+
<div className="px-5 py-10 text-sm leading-relaxed text-gray-800">
4+
<h1 className="text-xl font-bold text-gray-900">TUK 개인정보 처리방침</h1>
5+
6+
<h2 className="mt-8 text-lg font-semibold text-gray-900">
7+
제1조 (개인정보 수집 항목 및 방법)
8+
</h2>
9+
<ul className="mt-2 list-disc space-y-1 pl-5">
10+
<li>
11+
<strong>수집 항목</strong>: Google 로그인 정보, 디바이스 정보, 사용자 설정 정보, IP 주소
12+
등
13+
</li>
14+
<li>
15+
<strong>수집 방법</strong>: 회원가입, 서비스 이용, 푸시 동의, 고객문의 시
16+
</li>
17+
</ul>
18+
19+
<h2 className="mt-8 text-lg font-semibold text-gray-900">
20+
제2조 (개인정보 수집 및 이용 목적)
21+
</h2>
22+
<div className="mt-2 overflow-x-auto">
23+
<table className="w-full table-auto border border-gray-200 text-left text-sm">
24+
<thead>
25+
<tr className="bg-gray-100">
26+
<th className="border px-3 py-2 font-medium">목적</th>
27+
<th className="border px-3 py-2 font-medium">상세 내용</th>
28+
</tr>
29+
</thead>
30+
<tbody>
31+
<tr>
32+
<td className="border px-3 py-2">서비스 제공</td>
33+
<td className="border px-3 py-2">회원 인증, 푸시 발송, 앱 기능 제공</td>
34+
</tr>
35+
<tr>
36+
<td className="border px-3 py-2">서비스 개선</td>
37+
<td className="border px-3 py-2">오류 분석, 품질 개선, 통계 분석</td>
38+
</tr>
39+
<tr>
40+
<td className="border px-3 py-2">고객 응대</td>
41+
<td className="border px-3 py-2">문의/신고 대응, 보호 조치</td>
42+
</tr>
43+
<tr>
44+
<td className="border px-3 py-2">법령 준수</td>
45+
<td className="border px-3 py-2">법적 의무 이행</td>
46+
</tr>
47+
</tbody>
48+
</table>
49+
</div>
50+
51+
<h2 className="mt-8 text-lg font-semibold text-gray-900">
52+
제3조 (개인정보 보유 및 이용 기간)
53+
</h2>
54+
<p className="mt-2">
55+
목적 달성 후 즉시 파기하며, 관계 법령에 따라 아래와 같이 보존할 수 있습니다.
56+
</p>
57+
<div className="mt-2 overflow-x-auto">
58+
<table className="w-full table-auto border border-gray-200 text-left text-sm">
59+
<thead>
60+
<tr className="bg-gray-100">
61+
<th className="border px-3 py-2 font-medium">보관 항목</th>
62+
<th className="border px-3 py-2 font-medium">보관 사유</th>
63+
<th className="border px-3 py-2 font-medium">보유 기간</th>
64+
</tr>
65+
</thead>
66+
<tbody>
67+
<tr>
68+
<td className="border px-3 py-2">로그인 정보</td>
69+
<td className="border px-3 py-2">이용 기록 확인</td>
70+
<td className="border px-3 py-2">회원 탈퇴 시까지</td>
71+
</tr>
72+
<tr>
73+
<td className="border px-3 py-2">FCM Token</td>
74+
<td className="border px-3 py-2">푸시 발송</td>
75+
<td className="border px-3 py-2">탈퇴 또는 수신 거부 시까지</td>
76+
</tr>
77+
<tr>
78+
<td className="border px-3 py-2">접속 로그</td>
79+
<td className="border px-3 py-2">이용 기록 확인</td>
80+
<td className="border px-3 py-2">3개월</td>
81+
</tr>
82+
<tr>
83+
<td className="border px-3 py-2">소비자 불만 기록</td>
84+
<td className="border px-3 py-2">소비자 보호</td>
85+
<td className="border px-3 py-2">3년</td>
86+
</tr>
87+
</tbody>
88+
</table>
89+
</div>
90+
91+
<h2 className="mt-8 text-lg font-semibold text-gray-900">
92+
제4조 (개인정보 제3자 제공 및 위탁)
93+
</h2>
94+
<p className="mt-2">원칙적으로 제3자 제공은 하지 않으며, 아래 경우 예외적으로 제공합니다.</p>
95+
<ul className="mt-2 list-disc space-y-1 pl-5">
96+
<li>법령에 따른 경우</li>
97+
<li>이용자 동의가 있는 경우</li>
98+
</ul>
99+
<div className="mt-2 overflow-x-auto">
100+
<table className="w-full table-auto border border-gray-200 text-left text-sm">
101+
<thead>
102+
<tr className="bg-gray-100">
103+
<th className="border px-3 py-2 font-medium">수탁 업체</th>
104+
<th className="border px-3 py-2 font-medium">위탁 내용</th>
105+
<th className="border px-3 py-2 font-medium">보유 및 이용 기간</th>
106+
</tr>
107+
</thead>
108+
<tbody>
109+
<tr>
110+
<td className="border px-3 py-2">Firebase</td>
111+
<td className="border px-3 py-2">푸시 알림 발송</td>
112+
<td className="border px-3 py-2">탈퇴 또는 거부 시까지</td>
113+
</tr>
114+
<tr>
115+
<td className="border px-3 py-2">Google</td>
116+
<td className="border px-3 py-2">소셜 로그인 인증</td>
117+
<td className="border px-3 py-2">로그인 시</td>
118+
</tr>
119+
</tbody>
120+
</table>
121+
</div>
122+
123+
<h2 className="mt-8 text-lg font-semibold text-gray-900">
124+
제5조 (이용자의 권리와 행사 방법)
125+
</h2>
126+
<p className="mt-2">
127+
이용자는 언제든지 개인정보 열람·수정·동의 철회가 가능하며, 앱 내 &quot;계정 탈퇴&quot; 또는
128+
이메일로 요청할 수 있습니다.
129+
</p>
130+
131+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제6조 (쿠키의 사용 및 거부)</h2>
132+
<p className="mt-2">
133+
회사는 쿠키를 사용하여 이용자 환경을 저장하며, 브라우저 설정을 통해 거부할 수 있습니다.
134+
</p>
135+
136+
<h2 className="mt-8 text-lg font-semibold text-gray-900">
137+
제7조 (개인정보의 파기 절차 및 방법)
138+
</h2>
139+
<ul className="mt-2 list-disc space-y-1 pl-5">
140+
<li>전자 파일: 복구 불가능한 기술로 삭제</li>
141+
<li>종이 문서: 분쇄 또는 소각</li>
142+
</ul>
143+
144+
<h2 className="mt-8 text-lg font-semibold text-gray-900">
145+
제8조 (개인정보 보호책임자 및 문의처)
146+
</h2>
147+
<p className="mt-2">
148+
<strong>이름:</strong> 정석준
149+
<br />
150+
<strong>이메일:</strong> [email protected]
151+
</p>
152+
153+
<h2 className="mt-8 text-lg font-semibold text-gray-900">
154+
제9조 (개인정보 처리방침 변경 안내)
155+
</h2>
156+
<p className="mt-2">
157+
법령 및 서비스 변경에 따라 개정될 수 있으며, 공지 후 7일 뒤 효력이 발생합니다.
158+
</p>
159+
160+
<p className="mt-8">
161+
<strong>공고일자:</strong> 2025년 8월 6일
162+
<br />
163+
<strong>시행일자:</strong> 2025년 8월 6일
164+
</p>
165+
</div>
166+
);
167+
}

‎apps/tuk-web/src/app/service-policy/page.tsx‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
export default function ServicePolicyPage() {
2+
return (
3+
<div className="px-5 py-10 text-sm leading-relaxed text-gray-800">
4+
<h1 className="text-xl font-bold text-gray-900">TUK 서비스 이용약관</h1>
5+
6+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제1조 (목적)</h2>
7+
<p className="mt-2">
8+
본 약관은 TUK이 제공하는 모바일 애플리케이션 서비스의 이용에 관한 제반 사항을 규정하는 것을
9+
목적으로 합니다.
10+
</p>
11+
12+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제2조 (약관의 효력 및 변경)</h2>
13+
<ol className="mt-2 list-decimal space-y-1 pl-5">
14+
<li>
15+
본 약관은 서비스 화면에 게시하거나 기타의 방법으로 사용자에게 공지함으로써 효력을
16+
발생합니다.
17+
</li>
18+
<li>
19+
TUK은 필요에 따라 본 약관을 변경할 수 있으며, 변경된 약관은 제1항과 같은 방법으로
20+
공지합니다.
21+
</li>
22+
<li>
23+
사용자는 변경된 약관에 동의하지 않을 경우 서비스 이용을 중단하고 이용계약을 해지할 수
24+
있습니다. 변경된 약관의 효력 발생 후에도 서비스를 계속 이용하는 경우, 변경된 약관에 동의한
25+
것으로 간주됩니다.
26+
</li>
27+
</ol>
28+
29+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제3조 (계정 생성 및 관리)</h2>
30+
<ol className="mt-2 list-decimal space-y-1 pl-5">
31+
<li>
32+
사용자는 소셜 로그인을 통해 계정을 생성하며, 소셜 로그인 시 인증 절차를 통해 계정을
33+
활성화합니다.
34+
</li>
35+
<li>
36+
계정 생성 시, 다음의 경우에는 계정 승인을 거부할 수 있습니다.
37+
<ol className="mt-1 list-[lower-alpha] space-y-1 pl-5">
38+
<li>타인의 소셜 계정 또는 개인정보를 이용한 경우</li>
39+
<li>동일인이 다수의 계정을 생성하려는 경우</li>
40+
<li>허위 정보를 입력한 경우</li>
41+
<li>과거에 운영원칙 또는 법률 위반으로 계정이 삭제되었거나 징계된 경우</li>
42+
<li>사기 정보 모음 사이트 등에서 거래 사기 이력이 있는 경우</li>
43+
</ol>
44+
</li>
45+
<li>
46+
계정은 본인만 이용할 수 있으며, 타인에게 양도하거나 공유할 수 없습니다. 소셜 로그인 계정
47+
정보가 변경된 경우에는 문의 기능을 통해 계정 정보를 업데이트할 수 있습니다.
48+
</li>
49+
</ol>
50+
51+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제4조 (이용자의 의무)</h2>
52+
<ol className="mt-2 list-decimal space-y-1 pl-5">
53+
<li>
54+
사용자는 서비스 이용 시 다음 사항을 준수해야 합니다.
55+
<ol className="mt-1 list-[lower-alpha] space-y-1 pl-5">
56+
<li>본 약관 및 관련 법령 준수</li>
57+
<li>타인의 개인정보 침해 금지</li>
58+
<li>허위정보 제공 금지</li>
59+
<li>기타 서비스 이용에 있어 일반적인 도덕과 윤리 준수</li>
60+
</ol>
61+
</li>
62+
</ol>
63+
64+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제5조 (서비스 이용 제한)</h2>
65+
<ol className="mt-2 list-decimal space-y-1 pl-5">
66+
<li>
67+
TUK은 다음과 같은 행위를 금지합니다.
68+
<ol className="mt-1 list-[lower-alpha] space-y-1 pl-5">
69+
<li>서비스의 정상적 제공을 방해하거나 비정상적 방법으로 접근하는 행위</li>
70+
<li>다른 이용자의 정보를 무단으로 수집, 이용하거나 제공하는 행위</li>
71+
<li>서비스의 영리나 홍보 목적 이용</li>
72+
<li>소프트웨어의 복사, 수정, 배포, 판매, 양도, 대여 등</li>
73+
<li>소스 코드 추출이나 역설계 시도</li>
74+
<li>관련 법령 및 회사 정책 미준수</li>
75+
</ol>
76+
</li>
77+
</ol>
78+
79+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제6조 (개인정보 보호)</h2>
80+
<p className="mt-2">
81+
TUK은 사용자의 개인정보를 관련 법령과 개인정보 처리방침에 따라 보호하며, 사용자가 동의한
82+
목적과 범위 내에서만 이용합니다.
83+
</p>
84+
85+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제7조 (게시물의 저작권 및 관리)</h2>
86+
<ol className="mt-2 list-decimal space-y-1 pl-5">
87+
<li>
88+
사용자가 게시한 게시물의 저작권은 해당 게시물의 작성자에게 귀속됩니다. 회사는 게시물을
89+
검색 결과 및 서비스 관련 프로모션에 노출할 수 있으며, 필요한 범위 내에서 수정, 복제,
90+
편집할 수 있습니다.
91+
</li>
92+
<li>
93+
게시물이 관련 법령에 위반되는 경우, 권리자는 게시중단 및 삭제를 요청할 수 있으며, 회사는
94+
이를 따라야 합니다.
95+
</li>
96+
<li>게시물의 추가적인 이용은 사용자의 사전 동의를 받아야 합니다.</li>
97+
</ol>
98+
99+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제8조 (서비스의 중단)</h2>
100+
<p className="mt-2">
101+
서비스는 정기 점검, 유지보수, 기타 사유로 중단될 수 있으며, 사전에 공지합니다. 예측할 수
102+
없는 이유로 중단된 경우, 상황을 파악하는 즉시 통지합니다.
103+
</p>
104+
105+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제9조 (이용계약 해지)</h2>
106+
<ol className="mt-2 list-decimal space-y-1 pl-5">
107+
<li>
108+
사용자는 언제든지 서비스 내 메뉴를 통해 이용계약 해지 신청을 할 수 있으며, 회사는 법령에
109+
따라 신속히 처리합니다.
110+
</li>
111+
<li>
112+
이용계약 해지 시, 법령에 따라 사용자 정보를 보유할 수 있으며, 작성한 게시물 등은
113+
삭제됩니다. 단, 다른 사용자가 스크랩하거나 공유한 게시물은 삭제되지 않을 수 있습니다.
114+
</li>
115+
</ol>
116+
117+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제10조 (책임제한)</h2>
118+
<ol className="mt-2 list-decimal space-y-1 pl-5">
119+
<li>
120+
TUK은 법령상 허용되는 범위 내에서 서비스에 대한 보증을 하지 않으며, 서비스를 있는 그대로
121+
제공합니다.
122+
</li>
123+
<li>
124+
TUK은 사용자에게 발생한 손해에 대해 법령상 허용되는 한도 내에서 책임을 지며, 간접 손해,
125+
결과적 손해, 징벌적 손해 등에는 책임을 지지 않습니다.
126+
</li>
127+
</ol>
128+
129+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제11조 (약관 수정)</h2>
130+
<ol className="mt-2 list-decimal space-y-1 pl-5">
131+
<li>
132+
TUK은 법령이나 서비스 변경 사항 반영을 위해 약관을 수정할 수 있으며, 변경된 약관은 서비스
133+
초기 화면에 게시합니다. 변경된 약관은 게시일로부터 7일 후 효력을 발생합니다.
134+
</li>
135+
<li>사용자가 변경된 약관에 동의하지 않을 경우, 서비스 제공이 불가능할 수 있습니다.</li>
136+
</ol>
137+
138+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제12조 (사용자의 권리 및 요청)</h2>
139+
<ol className="mt-2 list-decimal space-y-1 pl-5">
140+
<li>
141+
사용자는 언제든지 본인의 개인정보에 접근하고, 정정하며, 삭제를 요청할 권리를 가집니다.
142+
</li>
143+
<li>
144+
사용자는 개인정보 보호 관련 요청을 서비스 내 설정 메뉴의 문의 기능을 통해 할 수 있으며,
145+
회사는 법령에 따라 신속히 처리합니다.
146+
</li>
147+
</ol>
148+
149+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제13조 (법적 준거 및 분쟁 해결)</h2>
150+
<ol className="mt-2 list-decimal space-y-1 pl-5">
151+
<li>
152+
사용자가 본 약관을 준수하지 않은 경우에, TUK이 즉시 조치를 취하지 않더라도 TUK이 가지고
153+
있는 권리를 포기하는 것이 아니며, 본 약관 중 일부 조항의 집행이 불가능하게 되더라도 다른
154+
조항에는 영향을 미치지 않습니다.
155+
</li>
156+
<li>본 약관과 서비스와 관련하여 발생하는 분쟁은 대한민국 법령을 따릅니다.</li>
157+
</ol>
158+
159+
<h2 className="mt-8 text-lg font-semibold text-gray-900">제14조 (사용자 의견 및 통지)</h2>
160+
<ol className="mt-2 list-decimal space-y-1 pl-5">
161+
<li>
162+
사용자는 서비스 내 문의 기능을 통해 의견을 제시할 수 있으며, 회사는 이를 반영할 수
163+
있습니다.
164+
</li>
165+
<li>통지는 서비스 초기 화면 또는 공지사항을 통해 이루어집니다.</li>
166+
</ol>
167+
168+
<p className="mt-8">
169+
<strong>공고일자:</strong> 2025년 8월 6일
170+
</p>
171+
<p>
172+
<strong>시행일자:</strong> 2025년 8월 6일
173+
</p>
174+
</div>
175+
);
176+
}

0 commit comments

Comments
 (0)