Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[기능] 약관/방침 페이지 구현 #11

Merged
merged 2 commits into from
Dec 21, 2024
Merged

[기능] 약관/방침 페이지 구현 #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9008659
feat: 약관 및 방침 페이지 UI 구현
yoouung Dec 20, 2024
5442a4f
fix: 헤더 로고 내비게이션 추가
yoouung Dec 20, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
101 changes: 100 additions & 1 deletion src/app/(legal)/privacy/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,102 @@
export default function Page() {
return null
return (
<div className='max-w-4xl mx-auto p-[15px] bg-white'>
<h1 className='text-[15px] font-bold mb-[20px]'>개인정보 처리방침</h1>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>제1조 (목적)</h2>
<p className='text-[12px] leading-relaxed'>
회사는 회원의 개인정보를 중요시하며, 이를 보호하기 위해 최선을 다하고
있습니다. 본 방침은 회원의 개인정보가 어떤 목적으로 수집, 이용, 보관,
파기되는지에 대해 설명합니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제2조 (수집하는 개인정보의 항목 및 방법)
</h2>
<p className='text-[12px] leading-relaxed'>
1. 수집 항목: 이름, 아이디, 비밀번호, 장소 리뷰 작성 내역, 코스 작성
내역, 코스 리뷰 내역, 관심 목록
<br />
2. 수집 방법: 회원가입 시 회원의 직접 입력 및 서비스 이용 과정에서
자동 수집
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제3조 (개인정보의 이용 목적)
</h2>
<p className='text-[12px] leading-relaxed'>
회사는 수집한 개인정보를 다음 목적으로 사용합니다:
<br />
1. 회원 관리 및 서비스 제공
<br />
2. 코스 및 리뷰 관리, 알림 기능 제공
<br />
3. 서비스 품질 개선 및 통계 분석
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제4조 (개인정보의 보관 및 파기)
</h2>
<p className='text-[12px] leading-relaxed'>
1. 보관 기간: 회원 탈퇴 즉시 개인정보를 파기합니다.
<br />
2. 파기 방법: 전자적 파일은 복구 불가능한 방식으로 삭제하며, 종이는
파쇄 또는 소각합니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제5조 (개인정보의 제3자 제공)
</h2>
<p className='text-[12px] leading-relaxed'>
회사는 회원의 동의 없이 개인정보를 제3자에게 제공하지 않습니다. 단,
법령에 따라 요청받는 경우 예외로 합니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제6조 (개인정보 보호를 위한 안전 조치)
</h2>
<p className='text-[12px] leading-relaxed'>
회사는 개인정보를 보호하기 위해 다음과 같은 조치를 취합니다:
<br />
1. 데이터 암호화 및 접근 통제
<br />
2. 주기적인 보안 점검
<br />
3. 개인정보 접근 권한 최소화
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제7조 (회원의 권리)
</h2>
<p className='text-[12px] leading-relaxed'>
1. 회원은 언제든지 자신의 개인정보를 열람, 수정, 삭제할 수 있습니다.
<br />
2. 회원은 개인정보 침해에 대한 문제를 회사에 신고할 수 있습니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>제8조 (문의처)</h2>
<p className='text-[12px] leading-relaxed'>
개인정보와 관련된 문의는 아래로 연락해 주십시오:
<br />
- 이메일: [email protected]
<br />- 주소: 서울특별시 노원구
</p>
</section>
</div>
)
}
131 changes: 130 additions & 1 deletion src/app/(legal)/terms/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,132 @@
export default function Page() {
return null
return (
<div className='max-w-4xl mx-auto p-[15px] bg-white'>
<h1 className='text-[15px] font-bold mb-[20px]'>
우코(WOOCO) 서비스 이용약관
</h1>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>제1조 (목적)</h2>
<p className='text-[12px] leading-relaxed'>
본 약관은 조이타스(이하 &quot;회사&quot;)가 제공하는 우코(이하
&quot;서비스&quot;)를 이용함에 있어 회사와 회원 간의 권리, 의무 및
책임 사항, 기타 필요한 사항을 규정함을 목적으로 합니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>제2조 (정의)</h2>
<p className='text-[12px] leading-relaxed'>
1. 서비스: 회사가 제공하는 코스 작성, 리뷰 열람 및 작성, 알림 기능
등을 포함한 플랫폼을 말합니다.
<br />
2. 회원: 회사의 약관에 동의하고 서비스를 이용하는 개인을 말합니다.
<br />
3. 콘텐츠: 회원이 서비스에 게시한 텍스트, 이미지, 리뷰, 코스 정보 등을
포함합니다.
<br />
4. 관리자: 서비스 운영 및 관리를 위해 회사가 지정한 자를 말합니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제3조 (약관의 효력 및 변경)
</h2>
<p className='text-[12px] leading-relaxed'>
1. 본 약관은 회원이 서비스 이용 시 동의함으로써 효력이 발생합니다.
<br />
2. 회사는 약관을 변경할 수 있으며, 변경된 약관은 공지 후 적용됩니다.
회원은 변경된 약관에 동의하지 않을 경우 회원 탈퇴를 요청할 수
있습니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제4조 (회원가입 및 서비스 이용)
</h2>
<p className='text-[12px] leading-relaxed'>
1. 회원가입은 회사가 정한 양식에 따라 가입 정보를 기재하고, 본 약관에
동의한 후 회사가 이를 승인함으로써 완료됩니다.
<br />
2. 회원은 서비스 이용 시 타인의 정보를 도용하거나 허위 정보를
제공해서는 안 됩니다.
<br />
3. 회원은 코스 작성, 리뷰 작성 및 열람, 알림 기능을 포함한 서비스를
이용할 수 있습니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제5조 (회원의 의무)
</h2>
<p className='text-[12px] leading-relaxed'>
회원은 다음 행위를 해서는 안 됩니다:
<br />
1. 타인의 개인정보를 도용하거나 허위 정보를 제공하는 행위
<br />
2. 회사가 제공하는 정보를 변경하거나 무단으로 사용하는 행위
<br />
3. 타인의 저작권, 초상권, 기타 지적재산권을 침해하는 행위
<br />
4. 외설적이거나 폭력적인 내용을 게시하는 행위
<br />
5. 스팸성 게시물, 광고성 콘텐츠를 게시하는 행위
<br />
6. 회사의 운영을 방해하거나 명예를 훼손하는 행위
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제6조 (서비스 이용 제한 및 계약 해지)
</h2>
<p className='text-[12px] leading-relaxed'>
1. 회사는 회원이 약관을 위반한 경우 서비스 이용을 제한하거나 계약을
해지할 수 있습니다.
<br />
2. 회원은 언제든지 회원 탈퇴를 요청할 수 있으며, 회사는 이를 즉시
처리합니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제7조 (콘텐츠의 저작권)
</h2>
<p className='text-[12px] leading-relaxed'>
1. 회원이 작성한 코스 및 리뷰 등의 콘텐츠에 대한 저작권은 회원에게
있습니다.
<br />
2. 회원은 회사가 콘텐츠를 서비스 운영 및 홍보 목적으로 사용하는 데
동의합니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제8조 (책임의 제한)
</h2>
<p className='text-[12px] leading-relaxed'>
1. 회사는 회원 간 또는 회원과 제3자 간에 발생한 분쟁에 대해 책임지지
않습니다.
<br />
2. 회사는 천재지변, 시스템 오류 등 불가항력적 사유로 인한 서비스
중단에 대해 책임지지 않습니다.
</p>
</section>

<section className='mb-[20px]'>
<h2 className='text-[13px] font-semibold mb-[10px]'>
제9조 (준거법 및 재판 관할)
</h2>
<p className='text-[12px] leading-relaxed'>
본 약관은 대한민국 법률에 따라 해석되며, 분쟁이 발생할 경우 회사의
소재지를 관할하는 법원에서 해결합니다.
</p>
</section>
</div>
)
}
9 changes: 8 additions & 1 deletion src/app/components/Header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,21 @@ import Image from 'next/image'
import HamburgerMenu from '@components/HamburgerMenu'
import { useState } from 'react'
import Menu from './Menu'
import { useRouter } from 'next/navigation'

export default function Header() {
const router = useRouter()
const [isMenuOpen, setIsMenuOpen] = useState(false)

return (
<>
<header className='max-w-[375px] bg-white w-full h-[50px] min-h-[50px] flex justify-between items-center px-4'>
<p className='text-blue-800 text-3xl font-bold'>WOOCO</p>
<p
className='text-blue-800 text-3xl font-bold cursor-pointer'
onClick={() => router.push('/')}
>
WOOCO
</p>
<div className='flex items-center right-[10px]'>
<button>
<Image alt='notification' src={noti} className='w-24 h-auto' />
Expand Down
Loading