Skip to content

Commit 5e1b14f

Browse files
Rose4tuneRose4tune
committed
feat: 이용동의 및 개인정보 동의 페이지 추가
1 parent 5b90aca commit 5e1b14f

File tree

8 files changed

+768
-2
lines changed

8 files changed

+768
-2
lines changed

‎src/components/Policy/PolicyPersonalInfo.tsx‎

Lines changed: 292 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,292 @@
1+
import { FC } from 'react';
2+
import PolicySections from '../../components/Policy/PolicySections';
3+
4+
const PolicyPersonalInfo: FC = () => {
5+
return (
6+
<div className="card">
7+
<div className="card-body">
8+
<h2 className="card-title">개인정보 처리 방침</h2>
9+
<p>
10+
Imaginer(이하 ‘회사’라 한다)는 개인정보 보호법 제30조에 따라 정보 주체의 개인정보를 보호하고 이와 관련한
11+
고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리지침을 수립, 공개합니다.
12+
</p>
13+
14+
<PolicySections
15+
info={[
16+
{
17+
id: 'person1',
18+
headline: '제1조 (개인정보의 처리목적)',
19+
explain:
20+
'회사는 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며, 이용 목적이 변경되는 경우에는 개인정보보호법 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다.',
21+
lists: [
22+
{
23+
id: 'person1_0',
24+
title: '1. 홈페이지 회원 가입 및 관리',
25+
content:
26+
'회원 가입 의사 확인, 회원제 서비스 제공에 따른 본인 식별․인증, 회원자격 유지․관리, 제한적 본인확인제 시행에 따른 본인확인, 서비스 부정 이용 방지, 만 14세 미만 아동의 개인정보처리 시 법정대리인의 동의 여부 확인, 각종 고지․통지, 고충 처리 등을 목적으로 개인정보를 처리합니다.',
27+
},
28+
{
29+
id: 'person1_1',
30+
title: '2. 재화 또는 서비스 제공',
31+
content:
32+
'물품 배송, 서비스 제공, 계약서 및 청구서 발송, 콘텐츠 제공, 맞춤서비스 제공, 본인인증, 연령인증, 요금결제 및 정산, 채권추심 등을 목적으로 개인정보를 처리합니다.',
33+
},
34+
{
35+
id: 'person1_2',
36+
title: '3. 고충 처리',
37+
content:
38+
'민원인의 신원 확인, 민원사항 확인, 사실조사를 위한 연락․통지, 처리 결과 통보 등의 목적으로 개인정보를 처리합니다.',
39+
},
40+
],
41+
},
42+
{
43+
id: 'person2',
44+
headline: '제2조 (개인정보의 처리 및 보유기간)',
45+
lists: [
46+
{
47+
id: 'person2_0',
48+
title:
49+
'① 회사는 법령에 따른 개인정보 보유, 이용 기간 또는 정보주체로부터 개인정보를 수집 시에 동의 받은 개인정보 보유, 이용 기간 내에서 개인정보를 처리, 보유합니다.',
50+
},
51+
{
52+
id: 'person2_1',
53+
title: '② 각각의 개인정보 처리 및 보유 기간은 다음과 같습니다.',
54+
content: `1.홈페이지 회원 가입 및 관리 : 사업자/단체 홈페이지 탈퇴 시까지 다만, 다음의 사유에 해당하는 경우에는 해당 사유 종료 시까지`,
55+
child: [
56+
{
57+
id: 'person2_1_0',
58+
content:
59+
'(1) 관계 법령 위반에 따른 수사, 조사 등이 진행 중인 경우에는 해당 수사, 조사 종료 시까지',
60+
},
61+
{
62+
id: 'person2_1_1',
63+
content: '(2)홈페이지 이용에 따른 채권 및 채무관계 잔존 시에는 해당 채권, 채무 관계 정산 시까지',
64+
},
65+
],
66+
},
67+
],
68+
},
69+
{
70+
id: 'person5',
71+
headline: '제5조(이용자 및 법정대리인의 권리와 그 행사 방법)',
72+
explain: '',
73+
lists: [
74+
{
75+
id: 'person5_0',
76+
title:
77+
' ① 정보주체는 회사에 대해 언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수 있습니다.',
78+
child: [
79+
{
80+
id: 'person5_0_0',
81+
content: '1. 개인정보 열람 요구',
82+
},
83+
{
84+
id: 'person5_0_1',
85+
content: '2. 오류 등이 있을 경우 정정 요구',
86+
},
87+
{
88+
id: 'person5_0_2',
89+
content: '3. 삭제요구',
90+
},
91+
{
92+
id: 'person5_0_3',
93+
content: '4. 처리정지 요구',
94+
},
95+
],
96+
},
97+
{
98+
id: 'person5_1',
99+
title:
100+
'② 제1항에 따른 권리 행사는 회사에 대해 서면, 전화, 전자우편, 모사전송(FAX) 등을 통하여 하실 수 있으며 회사는 이에 대해 지체없이 조치하겠습니다.',
101+
},
102+
{
103+
id: 'person5_2',
104+
title:
105+
'③ 정보주체가 개인정보의 오류 등에 대한 정정 또는 삭제를 요구한 경우에는 회사는 정정 또는 삭제를 완료할 때까지 당해 개인정보를 이용하거나 제공하지 않습니다.',
106+
},
107+
{
108+
id: 'person5_3',
109+
title:
110+
'④ 제1항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있습니다. 이 경우 개인정보 보호법 시행규칙 별지 제11호 서식에 따른 위임장을 제출하셔야 합니다.',
111+
},
112+
{
113+
id: 'person5_4',
114+
title:
115+
'⑤ 정보주체는 개인정보 보호법 등 관계 법령을 위반하여 회사가 처리하고 있는 정보주체 본인이나 타인의 개인정보 및 사생활을 침해하여서는 아니 됩니다.',
116+
},
117+
],
118+
},
119+
{
120+
id: 'person6',
121+
headline: '제6조(처리하는 개인정보 항목)',
122+
explain: '회사는 다음의 개인정보 항목을 처리하고 있습니다.',
123+
lists: [
124+
{
125+
id: 'person6_0',
126+
title:
127+
'1. 홈페이지 회원 가입 및 관리 필수항목 : 성명, 비밀번호, 이메일주소 선택항목 : 소개글, 프로필 사진',
128+
},
129+
{
130+
id: 'person6_1',
131+
title: '2. 인터넷 서비스 이용과정에서 아래 개인정보 항목이 자동으로 생성되어 수집될 수 있습니다.',
132+
content: 'IP주소, 쿠키, MAC주소, 서비스 이용기록, 방문기록, 불량 이용기록 등',
133+
},
134+
],
135+
},
136+
{
137+
id: 'person7',
138+
headline: '제7조(개인정보의 파기)',
139+
explain: '',
140+
lists: [
141+
{
142+
id: 'person7_0',
143+
title:
144+
'① 회사는 개인정보 보유 기간의 경과, 처리목적 달성 등 개인정보가 불필요하게 되었을 때에는 지체없이 해당 개인정보를 파기합니다.',
145+
},
146+
{
147+
id: 'person7_1',
148+
title:
149+
'② 정보주체로부터 동의받은 개인정보 보유 기간이 경과하거나 처리목적이 달성되었음에도 불구하고 다른 법령에 따라 개인정보를 계속 보존하여야 하는 경우에는, 해당 개인정보를 별도의 데이터베이스(DB)로 옮기거나 보관장소를 달리하여 보존합니다.',
150+
},
151+
{
152+
id: 'person7_2',
153+
title: '③ 개인정보 파기의 절차 및 방법은 다음과 같습니다.',
154+
child: [
155+
{
156+
id: 'person7_2_0',
157+
title:
158+
'1. 파기 절차 회사는 파기 사유가 발생한 개인정보를 선정하고, 회사의 개인정보 보호책임자의 승인을 받아 개인정보를 파기합니다.',
159+
},
160+
{
161+
id: 'person7_2_1',
162+
title:
163+
'2. 파기 방법 회사는 전자적 파일 형태로 기록․저장된 개인정보는 기록을 재생할 수 없도록 로우레밸포멧(Low Level Format) 등의 방법을 이용하여 파기하며, 종이 문서에 기록․저장된 개인정보는 분쇄기로 분쇄하거나 소각하여 파기합니다.',
164+
},
165+
],
166+
},
167+
],
168+
},
169+
{
170+
id: 'person8',
171+
headline: '제8조(개인정보의 안전성 확보조치)',
172+
explain: '회사는 개인정보의 안전성 확보를 위해 다음과 같은 조치를 하고 있습니다.',
173+
lists: [
174+
{
175+
id: 'person8_0',
176+
title: '1. 관리적 조치 : 내부관리계획 수립 및 시행, 정기적 직원 교육 등',
177+
},
178+
{
179+
id: 'person8_1',
180+
title:
181+
'2. 기술적 조치 : 개인정보처리시스템 등의 접근 권한 관리, 접근통제시스템 설치, 고유 식별정보 등의 암호화, 보안프로그램 설치',
182+
},
183+
{
184+
id: 'person8_2',
185+
title: '3. 물리적 조치 : 전산실, 자료보관실 등의 접근통제 ',
186+
},
187+
],
188+
},
189+
{
190+
id: 'person9',
191+
headline: '제9조(개인정보 자동 수집 장치의 설치∙운영 및 거부에 관한 사항)',
192+
lists: [
193+
{
194+
id: 'person9_0',
195+
title:
196+
'① 회사는 이용자에게 개별적인 맞춤 서비스를 제공하기 위해 이용정보를 저장하고 수시로 불러오는 ‘쿠키(cookie)’를 사용합니다.',
197+
},
198+
{
199+
id: 'person9_1',
200+
title:
201+
'② 쿠키는 웹사이트를 운영하는데 이용되는 서버(http)가 이용자의 컴퓨터 브라우저에 보내는 소량의 정보이며 이용자들의 컴퓨터 내의 하드디스크에 저장되기도 합니다.',
202+
child: [
203+
{
204+
id: 'person9_1_0',
205+
title:
206+
'가. 쿠키의 사용 목적: 이용자가 방문한 각 서비스와 웹 사이트들에 대한 방문 및 이용형태, 인기 검색어, 보안접속 여부, 등을 파악하여 이용자에게 최적화된 정보 제공을 위해 사용됩니다.',
207+
},
208+
{
209+
id: 'person9_1_1',
210+
title:
211+
'나. 쿠키의 설치∙운영 및 거부 : 웹브라우저 상단의 도구 - 인터넷 옵션 - 개인정보 메뉴의 옵션 설정을 통해 쿠키 저장을 거부 할 수 있습니다.',
212+
},
213+
{
214+
id: 'person9_1_2',
215+
title: '다. 쿠키 저장을 거부할 경우 맞춤형 서비스 이용에 어려움이 발생할 수 있습니다.',
216+
},
217+
],
218+
},
219+
],
220+
},
221+
{
222+
id: 'person12',
223+
headline: '제12조(권익침해 구제 방법)',
224+
explain: '정보주체는 아래의 기관에 대해 개인정보 침해에 대한 피해구제, 상담 등을 문의하실 수 있습니다.',
225+
lists: [
226+
{
227+
id: 'person12_0',
228+
title: '▶ 개인정보 침해신고센터 (한국인터넷진흥원 운영)',
229+
child: [
230+
{
231+
id: 'person12_0_0',
232+
content: '- 소관 업무 : 개인정보 침해사실 신고, 상담 신청',
233+
},
234+
{
235+
id: 'person12_0_1',
236+
content: '- 홈페이지 : privacy.kisa.or.kr',
237+
},
238+
{
239+
id: 'person12_0_2',
240+
content: '- 전화 : (국번없이) 118',
241+
},
242+
{
243+
id: 'person12_0_3',
244+
content: '- 주소 : (58324) 전남 나주시 진흥길 9(빛가람동 301-2) 3층 개인정보침해신고센터',
245+
},
246+
],
247+
},
248+
{
249+
id: 'person12_1',
250+
title: '▶ 개인정보 분쟁조정위원회',
251+
child: [
252+
{
253+
id: 'person12_1_0',
254+
content: '- 소관업무 : 개인정보 분쟁조정신청, 집단분쟁조정 (민사적 해결)',
255+
},
256+
{
257+
id: 'person12_1_1',
258+
content: '- 홈페이지 : www.kopico.go.kr',
259+
},
260+
{
261+
id: 'person12_1_2',
262+
content: '- 전화 : (국번없이) 1833-6972',
263+
},
264+
{
265+
id: 'person12_1_3',
266+
content: '- 주소 : (03171)서울특별시 종로구 세종대로 209 정부서울청사 4층',
267+
},
268+
],
269+
},
270+
{
271+
id: 'person12_2',
272+
title: '▶ 대검찰청 사이버범죄수사단 : 02-3480-3573 (www.spo.go.kr)',
273+
},
274+
{
275+
id: 'person12_3',
276+
title: '▶ 경찰청 사이버안전국 : 182 (http://cyberbureau.police.go.kr)',
277+
},
278+
],
279+
},
280+
{
281+
id: 'person13',
282+
headline:
283+
'제13조(개인정보 처리방침 시행 및 변경)</strong>이 개인정보 처리방침은 20XX. X. X부터 적용됩니다.',
284+
},
285+
]}
286+
/>
287+
</div>
288+
</div>
289+
);
290+
};
291+
292+
export default PolicyPersonalInfo;

‎src/components/Policy/PolicySections.tsx‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
import { FC } from 'react';
2+
3+
interface listProps {
4+
lists: any[];
5+
}
6+
7+
interface sectionProps {
8+
info: any[];
9+
}
10+
11+
const PolicySections: FC<sectionProps> = ({ info }) => {
12+
return info.map(({ id, headline, explain, lists }) => {
13+
return (
14+
<div key={id}>
15+
<div className="my-2 font-semibold">{headline}</div>
16+
{explain && <div className="my-2">{explain}</div>}
17+
{lists && <PolicyList lists={lists} />}
18+
</div>
19+
);
20+
});
21+
};
22+
23+
const PolicyList: FC<listProps> = ({ lists }) => {
24+
return (
25+
<ul className="mx-2">
26+
{lists.map(({ id, title, content, child = [] }) => {
27+
return (
28+
<li key={id}>
29+
{title && <p>{title}</p>}
30+
{content && <p className="mx-4">{content}</p>}
31+
{child.length > 0 && <PolicyList lists={child} />}
32+
</li>
33+
);
34+
})}
35+
</ul>
36+
);
37+
};
38+
39+
export default PolicySections;

0 commit comments

Comments
 (0)