[#195] Feat: 회원가입시 약관 정보 모달 구현 #206
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Heeeera
reviewed
May 1, 2024
There was a problem hiding this comment.
파일명은 컴포넌트명과 동일하게 파스칼 케이스로 작성하는 게 좋을 것 같아요!
Comment on lines
+10
to
31
| <div> | ||
| <div className='relative flex items-center gap-2 py-2'> | ||
| <input | ||
| type='checkbox' | ||
| name={name} | ||
| id={name} | ||
| className='peer size-5 appearance-none' | ||
| {...props} | ||
| ref={ref} | ||
| /> | ||
| <label | ||
| htmlFor={name} | ||
| className='flex cursor-pointer items-center text-gray-accent2' | ||
| > | ||
| {children} | ||
| </label> | ||
| <Icon | ||
| id='check-line' | ||
| className='pointer-events-none absolute w-[20px] text-gray-accent2 peer-checked:text-primary' | ||
| /> | ||
| </div> | ||
| </div> |
There was a problem hiding this comment.
화살표 아이콘도 Agreement 컴포넌트 내로 들어가면 좋을 것 같아요!
이렇게 되면 Agreement 컴포넌트가 AgreementModal을 오픈하는 함수(handleOpenTermsModal, handleOpenMarketingModal)를 onClick이나 onOpen prop으로 받아서 화살표 아이콘에 전달할 수 있을 것 같습니다
그리고 최상위 div 컨테이너에 flex items-center justify-between className을 주면 맨 끝에 잘 정렬될 거예요
| @@ -8,3 +8,9 @@ export const SLOGAN_MESSAGE2 = '사람들을 찾는 최적의 장소."'; | |||
|
|
|||
| export const AGREE_TERMS_MESSAGE = '(필수) 보드시그널 약관 및 동의사항'; | |||
| export const AGREE_MARKETING_MESSAGE = '(선택) 마케팅 정보 수신 동의'; | |||
|
|
|||
| export const AGREE_TERMS = | |||
| '제 1 장 총칙 \n제 1 조 (목적) 본 약관은 Team Civil War(이하 “회사”라 합니다)이 운영하는 웹사이트 ‘보드시그널’ (url) (이하 “웹사이트”라 합니다)에서 제공하는 온라인 서비스(이하 “서비스”라 합니다)를 이용함에 있어 이용자의 권리, 의무 및 책임사항을 규정함을 목적으로 합니다. \n \n제 2 조 (용어의 정의) \n본 약관에서 사용하는 용어는 다음과 같이 정의합니다.\n“웹사이트”란 회사가 재화 또는 용역을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여 재화 또는 용역을 거래 할 수 있도록 설정한 가상의 영업장을 말하며, 아울러 사이버몰을 운영하는 사업자의 의미로도 사용합니다.\n “이용자”란 “웹사이트”에 접속하여 서비스를 이용하는 회원 및 비회원을 말합니다. \n“회원”이라 함은 “웹사이트”에 개인정보를 제공하여 회원등록을 한 자로서, “웹사이트”의 정보를 지속적으로 제공받으며, “웹사이트”이 제공하는 서비스를 계속적으로 이용할 수 있는 자를 말합니다.\n “비회원”이라 함은 회원에 가입하지 않고, “웹사이트”이 제공하는 서비스를 이용하는 자를 말합니다.\n“ID”라 함은 이용자가 회원가입당시 등록한 사용자 “개인이용문자”를 말합니다.\n “멤버십”이라 함은 회원등록을 한 자로서, 별도의 온/오프라인 상에서 추가 서비스를 제공 받을 수 있는 회원을 말합니다.\n\n제 3 조 (약관의 공시 및 효력과 변경)\n 본 약관은 회원가입 화면에 게시하여 공시하며 회사는 사정변경 및 영업상 중요한 사유가 있을 경우 약관을 변경할 수 있으며 변경된 약관은 공지사항을 통해 공시합니다. 본 약관 및 차후 회사사정에 따라 변경된 약관은 이용자에게 공시함으로써 효력을 발생합니다.\n\n제 4 조 (약관 외 준칙)\n본 약관에 명시되지 않은 사항이 전기통신기본법, 전기통신사업법, 정보통신촉진법, ‘전자상거래등에서의 소비자 보호에 관한 법률’, ‘약관의 규제에 관한 법률’, ‘전자거래기본법’, ‘전자서명법’, ‘정보통신망 이용촉진등에 관한 법률’, ‘소비자보호법’ 등 기타 관계 법령에 규정되어 있을 경우에는 그 규정을 따르도록 합니다. \n\n제 2 장 이용계약 \n제 5 조 (이용신청) \n이용신청자가 회원가입 안내에서 본 약관과 개인정보보호정책에 동의하고 등록절차(회사의 소정 양식의 가입 신청서 작성)를 거쳐 ‘확인’ 버튼을 누르면 이용신청을 할 수 있습니다. 이용신청자는 반드시 실명과 실제 정보를 사용해야 하며 1개의 생년월일에 대하여 1건의 이용신청을 할 수 있습니다. 실명이나 실제 정보를 입력하지 않은 이용자는 법적인 보호를 받을 수 없으며, 서비스 이용에 제한을 받을 수 있습니다. \n\n제 6 조 (이용신청의 승낙) \n회사는 제5조에 따른 이용신청자에 대하여 제2항 및 제3항의 경우를 예외로 하여 서비스 이용을 승낙합니다. \n회사는 아래 사항에 해당하는 경우에 그 제한사유가 해소될 때까지 승낙을 유보할 수 있습니다. \n가. 서비스 관련 설비에 여유가 없는 경우 \n나. 기술상 지장이 있는 경우\n다. 기타 회사 사정상 필요하다고 인정되는 경우\n회사는 아래 사항에 해당하는 경우에 승낙을 하지 않을 수 있습니다.\n가. 다른 사람의 명의를 사용하여 신청한 경우\n나. 이용자 정보를 허위로 기재하여 신청한 경우\n다. 사회의 안녕질서 또는 미풍양속을 저해할 목적으로 신청한 경우\n라. 기타 회사가 정한 이용신청 요건이 미비한 경우 \n\n제 3 장 계약 당사자의 의무\n제 7 조 (회사의 의무)\n회사는 사이트를 안정적이고 지속적으로 운영할 의무가 있습니다.\n회사는 이용자로부터 제기되는 의견이나 불만이 정당하다고 인정될 경우에는 즉시 처리해야 합니다. 단, 즉시 처리가 곤란한 경우에는 이용자에게 그 사유와 처리일정을 공지사항 또는 전자우편을 통해 통보해야 합니다.\n제 1 항의 경우 수사상의 목적으로 관계기관 및 정보통신윤리위원회의 요청이 있거나 영장 제시가 있는 경우, 기타 관계 법령에 의한 경우는 예외로 합니다.\n\n제 8 조 (이용자의 의무)\n이용자는 본 약관 및 회사의 공지사항, 사이트 이용안내 등을 숙지하고 준수해야 하며 기타 회사의 업무에 방해되는 행위를 해서는 안됩니다.\n이용자는 회사의 사전 승인 없이 본 사이트를 이용해 어떠한 영리행위도 할 수 없습니다.\n이용자는 본 사이트를 통해 얻는 정보를 회사의 사전 승낙 없이 복사, 복제, 변경, 번역, 출판, 방송 및 기타의 방법으로 사용하거나 이를 타인에게 제공할 수 없습니다.\n\n제 4 장 서비스의 제공 및 이용\n제 9 조 (서비스 이용)\n이용자는 본 약관의 규정된 사항을 준수해 사이트를 이용합니다. 본 약관에 명시되지 않은 서비스 이용에 관한 사항은 회사가 정해 ‘공지사항’에 게시하거나 또는 별도로 공지하는 내용에 따릅니다.\n\n제 10 조 (정보의 제공)\n회사는 회원이 서비스 이용 중 필요하다고 인정되는 다양한 정보에 대하여 전자메일이나 서신우편 등의 방법으로 회원에게 정보를 제공할 수 있습니다.\n\n제 11 조 (광고게재)\n회사는 서비스의 운용과 관련하여 서비스 화면, 홈페이지, 전자우편 등에 광고 등을 게재할 수 있습니다. 회사는 사이트에 게재되어 있는 광고주의 판촉활동에 회원이 참여하거나 교신 또는 거래의 결과로서 발생하는 모든 손실 또는 손해에 대해 책임을 지지 않습니다.\n\n제 12 조 (서비스 이용의 제한)\n본 사이트 이용 및 행위가 다음 각 항에 해당하는 경우 회사는 해당 이용자의 이용을 제한할 수 있습니다.\n공공질서 및 미풍양속, 기타 사회질서를 해하는 경우\n범죄행위를 목적으로 하거나 기타 범죄행위와 관련된다고 객관적으로 인정되는 경우\n타인의 명예를 손상시키거나 타인의 서비스 이용을 현저히 저해하는 경우\n타인의 의사에 반하는 내용이나 광고성 정보 등을 지속적으로 전송하는 경우\n해킹 및 컴퓨터 바이러스 유포 등으로 서비스의 건전한 운영을 저해하는 경우\n다른 이용자 또는 제3자의 지적재산권을 침해하거나 지적재산권자가 지적 재산권의 침해를 주장할 수 있다고 판단되는 경우\n타인의 아이디 및 비밀번호를 도용한 경우\n기타 관계 법령에 위배되는 경우 및 회사가 이용자로서 부적당하다고 판단한 경우\n\n제 13 조 (서비스 제공의 중지)\n회사는 다음 각 호에 해당하는 경우 서비스의 전부 또는 일부의 제공을 중지할 수 있습니다.\n전기통신사업법 상에 규정된 기간통신 사업자 또는 인터넷 망 사업자가 서비스를 중지했을 경우\n정전으로 서비스 제공이 불가능할 경우\n설비의 이전, 보수 또는 공사로 인해 부득이한 경우\n서비스 설비의 장애 또는 서비스 이용의 폭주 등으로 정상적인 서비스 제공이 어려운 경우\n전시, 사변, 천재지변 또는 이에 준하는 국가비상사태가 발생하거나 발생할 우려가 있는 경우\n\n제 14 조 (게시물 관리)\n회사는 건전한 통신문화 정착과 효율적인 사이트 운영을 위하여 이용자가 게시하거나 제공하는 자료가 제12조에 해당한다고 판단되는 경우에 임의로 삭제, 자료이동, 등록거부를 할 수 있습니다.\n\n제 15 조 (서비스 이용 책임)\n이용자는 회사에서 권한 있는 사원이 서명한 명시적인 서면에 구체적으로 허용한 경우를 제외하고는 서비스를 이용하여 불법상품을 판매하는 영업활동을 할 수 없으며 특히 해킹, 돈벌기 광고, 음란 사이트를 통한 상업행위, 상용 S/W 불법제공 등을 할 수 없습니다. 이를 어기고 발생한 영업활동의 결과 및 손실, 관계기관에 의한 구속 등 법적 조치 등에 관해서는 회사가 책임을 지지 않습니다.\n\n[부 칙]본 약관은 2024년 02월 25일부터 적용합니다.\n약관 작성일: 2024-05-01\nⓒ Team Civil War'; | |||
There was a problem hiding this comment.
제 1장 총칙, 제 2 장 이용계약과 같은 부분에 소제목 스타일을 주면 가독성이 더 좋아질 것 같습니다!
그리고 제 1 조 (목적) 뒤에 줄바꿈이 들어가야 할 것 같아요
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
💬 Issue Number
🤷♂️ Description
📷 Screenshots
📋 Check List
📒 Remarks