From f296eccbc602700e127729c0279e6ff1c11d0950 Mon Sep 17 00:00:00 2001 From: timetam Date: Fri, 4 Aug 2023 16:15:33 +0900 Subject: [PATCH 1/9] =?UTF-8?q?[#11]=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?= =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20=EB=B0=8F=20=EA=B8=B0=EB=8A=A5=20=EA=B5=AC?= =?UTF-8?q?=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- login-modal/app.js | 64 ++++++ login-modal/images/background.png | Bin 0 -> 24955 bytes login-modal/images/check-box-on.svg | 4 + login-modal/images/check-box.svg | 4 + login-modal/images/icon-sprites.png | Bin 0 -> 2966 bytes login-modal/images/modal-close.png | Bin 0 -> 321 bytes login-modal/index.html | 72 +++++++ login-modal/style.css | 311 ++++++++++++++++++++++++++++ 8 files changed, 455 insertions(+) create mode 100644 login-modal/app.js create mode 100644 login-modal/images/background.png create mode 100644 login-modal/images/check-box-on.svg create mode 100644 login-modal/images/check-box.svg create mode 100644 login-modal/images/icon-sprites.png create mode 100644 login-modal/images/modal-close.png create mode 100644 login-modal/index.html create mode 100644 login-modal/style.css diff --git a/login-modal/app.js b/login-modal/app.js new file mode 100644 index 0000000..a0e0e35 --- /dev/null +++ b/login-modal/app.js @@ -0,0 +1,64 @@ +const loginBtn = document.querySelector(".login-btn"); + +const userId = document.querySelector(".user-id"); +const userPwd = document.querySelector(".user-pwd"); +const firstErrorMsg = document.createElement("p"); +const secondErrorMsg = document.createElement("p"); + +const loginBtnHandler = (event) => { + event.preventDefault(); + + const createErrorMsg = (element, className, text, nodeBehindErrorMsg) => { + element.classList.add(className); + element.innerText = text; + userPwd.parentNode.insertBefore(element, nodeBehindErrorMsg); + }; + + const removeErrorMsg = (errorMsg) => { + if (errorMsg.parentNode) { + errorMsg.parentNode.removeChild(errorMsg); + } else { + return; + } + }; + + if (!userId.value.trim()) { + // 아이디 미입력 시 + userId.classList.add("focus"); + createErrorMsg( + firstErrorMsg, + "first-error-msg", + "아이디를 입력해주세요.", + userPwd + ); + return; + } else if (userId.value.trim()) { + // 아이디 입력 시 + userId.classList.remove("focus"); + removeErrorMsg(firstErrorMsg); + + if (!userPwd.value.trim()) { + // 아이디 입력 & 비밀번호 미입력 시 + userPwd.classList.add("focus"); + createErrorMsg( + secondErrorMsg, + "second-error-msg", + "비밀번호를 입력해주세요.", + userPwd.nextSibling + ); + return; + } else if (userPwd.value.trim()) { + // 아이디 입력 & 비밀번호 입력 시 + userPwd.classList.remove("focus"); + if (userId.value !== "weniv07" && userPwd.value !== "frontend07!") { + secondErrorMsg.innerText = "아이디 혹은 비밀번호가 일치하지 않습니다."; + return; + } else { + removeErrorMsg(secondErrorMsg); + alert("로그인 성공!"); + } + } + } +}; + +loginBtn.addEventListener("click", loginBtnHandler); diff --git a/login-modal/images/background.png b/login-modal/images/background.png new file mode 100644 index 0000000000000000000000000000000000000000..df6cc19b891935d0ba824b8e7194d51795ae4d57 GIT binary patch literal 24955 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
  • 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 + + + diff --git a/login-modal/images/check-box.svg b/login-modal/images/check-box.svg new file mode 100644 index 0000000..7ac6a05 --- /dev/null +++ b/login-modal/images/check-box.svg @@ -0,0 +1,4 @@ + + + + diff --git a/login-modal/images/icon-sprites.png b/login-modal/images/icon-sprites.png new file mode 100644 index 0000000000000000000000000000000000000000..ec0cffdcb3ea41a8baa213f819d34be8f861fec8 GIT binary patch literal 2966 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 OkipZ{&t;ucLK6Td-Fnji literal 0 HcmV?d00001 diff --git a/login-modal/index.html b/login-modal/index.html new file mode 100644 index 0000000..1f775fe --- /dev/null +++ b/login-modal/index.html @@ -0,0 +1,72 @@ + + + + + + + 로그인 | 위니브 + + + + + + + + diff --git a/login-modal/style.css b/login-modal/style.css new file mode 100644 index 0000000..f741f6a --- /dev/null +++ b/login-modal/style.css @@ -0,0 +1,311 @@ +/* font */ +@font-face { + font-family: "SpoqaHanSansNeo-Regular"; + src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff") + format("woff"); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: "SpoqaHanSansNeo-Medium"; + src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff") + format("woff"); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: "SpoqaHanSansNeo-Bold"; + src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff") + format("woff"); + font-weight: 700; + font-style: normal; +} + +/* reset */ +body, +h1, +h2, +h3, +p, +ul, +button, +input { + padding: 0; + margin: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font: inherit; +} + +ul, +li { + list-style: none; +} + +input { + font: inherit; +} + +a { + text-decoration: none; + color: inherit; +} + +/* CSS 적용 */ +body { + height: 100vh; + font-family: "SpoqaHanSansNeo-Medium"; + font-size: 16px; + color: #767676; + background-color: #e5e5e5; + display: flex; + justify-content: center; + align-items: center; +} + +.txt-hide { + overflow: hidden; + width: 1px; + height: 1px; + clip-path: inset(50%); +} + +#modal-login { + width: 520px; + /* height: 712px; */ + box-sizing: border-box; + border-radius: 10px; + border: 1px solid #c4c4c4; + overflow: hidden; + background-color: #fff; + position: relative; + /* background-image: url(./images/background.png); + background-repeat: no-repeat; + background-size: 520px 712px; + background-position: 0px -2px; */ +} + +/* header */ +header { + height: 58px; + display: flex; + justify-content: center; + align-items: center; + border-bottom: 1px solid #c4c4c4; + box-sizing: border-box; +} + +header h1 { + word-spacing: 2px; + color: #000; +} + +/* main */ +main { + padding-left: 24px; + padding-right: 24px; +} + +/* 위니브 로그인 */ +.weniv-login h2 { + font-size: 20px; + margin-top: 26px; + margin-bottom: 24px; + line-height: 24px; + color: #000; +} + +.login-form { + display: flex; + flex-direction: column; +} + +/* 로그인 폼 아이디, 비밀번호 */ +[class|="user"] { + font-family: "SpoqaHanSansNeo-Regular"; + width: 100%; + border-radius: 5px; + border: 1px solid #c4c4c4; + padding: 13px 0 13px 16px; + box-sizing: border-box; +} + +.user-pwd { + margin-top: 10px; +} + +/* 에러 메세지 출력 */ +.first-error-msg, +.second-error-msg { + font-family: "SpoqaHanSansNeo-Regular"; + color: #f4492e; + font-size: 14px; + margin-top: 3px; + margin-left: 3px; +} + +.focus { + border: 2px solid #f4492e; +} + +/* checkbox 커스텀 */ +.labl-hold { + position: relative; + margin-top: 14px; + margin-left: 4px; +} + +.labl-hold::before { + content: ""; + display: inline-block; + width: 22px; + height: 22px; + margin-right: 8px; + vertical-align: -5px; + background: url("./images/check-box.svg"); + transition: all 0.3s ease; + cursor: pointer; +} + +.inp-hold:focus-visible + .labl-hold::before { + outline: 2px solid black; + border-radius: 50%; +} + +.inp-hold:checked + .labl-hold::before { + background-image: url("./images/check-box-on.svg"); +} + +.login-btn { + margin: 20px 0 19px 0; + border-radius: 5px; + background: #2f80ed; + color: #fff; + font-size: 18px; + font-family: "SpoqaHanSansNeo-Bold"; + padding: 12px 0; + border: none; + cursor: pointer; +} + +.login-service { + font-size: 14px; + font-family: "SpoqaHanSansNeo-Regular"; + text-align: center; +} + +.login-service .join-member::after { + content: ""; + display: inline-block; + width: 1px; + height: 14px; + margin-left: 13px; + margin-right: 13px; + vertical-align: -2px; + background-color: #767676; +} + +/* 또는 */ +.or { + text-align: center; + font-size: 14px; + font-family: "SpoqaHanSansNeo-Regular"; + margin: 30px auto 18px auto; + display: flex; + align-items: center; + justify-content: space-between; +} + +.or::before, +.or::after { + content: ""; + display: block; + width: 210px; + height: 1px; + background-color: #c4c4c4; +} + +/* 소셜 로그인 */ +.social-login { + height: 230px; + margin-bottom: 20px; +} + +[class^="icon"] { + display: block; + width: 100%; + height: 50px; + border-radius: 5px; + text-align: center; + padding: 12px 0; + position: relative; + margin-bottom: 10px; + box-sizing: border-box; +} + +[class^="icon"] span { + margin-left: 11px; +} + +.icon-google { + border: 1px solid #767676; + padding-left: 13px; +} + +.icon-facebook { + border: 1px solid #2d9cdb; + padding-left: 15px; +} + +.icon-naver { + border: 1px solid #00bf18; + padding-left: 11px; +} + +.icon-kakaotalk { + border: 1px solid #f2c94c; + padding-left: 12px; +} + +[class^="icon"]::before { + content: ""; + position: absolute; + display: block; + width: 28px; + height: 28px; + background-image: url(./images/icon-sprites.png); +} + +.icon-google::before { + background-position: -13px -12px; +} + +.icon-facebook::before { + background-position: -63px -13px; +} + +.icon-naver::before { + background-position: -10px -60px; +} + +.icon-kakaotalk::before { + background-position: -58px -60px; +} + +/* 로그인 모달 닫기 */ +.modal-close { + width: 16px; + height: 16px; + cursor: pointer; + position: absolute; + right: 23px; + top: 20px; +} From eb8e71ec44d3debb8a32857907ef6d33a75547ec Mon Sep 17 00:00:00 2001 From: timetam Date: Sat, 5 Aug 2023 05:24:32 +0900 Subject: [PATCH 2/9] =?UTF-8?q?[#11]=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?= =?UTF-8?q?=EB=AA=A8=EB=8B=AC=EB=8B=AB=EA=B8=B0=20=ED=82=A4=EB=B3=B4?= =?UTF-8?q?=EB=93=9C=20=ED=8F=AC=EC=BB=A4=EC=8B=B1=20=EB=AC=B8=EC=A0=9C?= =?UTF-8?q?=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- login-modal/index.html | 7 ++----- login-modal/style.css | 8 ++++---- 2 files changed, 6 insertions(+), 9 deletions(-) diff --git a/login-modal/index.html b/login-modal/index.html index 1f775fe..43c13e0 100644 --- a/login-modal/index.html +++ b/login-modal/index.html @@ -60,11 +60,8 @@

    소셜서비스로 로그인

    - - 로그인 모달 닫기 + 로그인 모달 닫기 diff --git a/login-modal/style.css b/login-modal/style.css index f741f6a..7c714c6 100644 --- a/login-modal/style.css +++ b/login-modal/style.css @@ -301,11 +301,11 @@ main { } /* 로그인 모달 닫기 */ -.modal-close { - width: 16px; - height: 16px; - cursor: pointer; +.link-go-to-weniv { position: absolute; right: 23px; top: 20px; + width: 16px; + height: 16px; + cursor: pointer; } From dad61df323df84a69b38337f142a81f0afe7f47d Mon Sep 17 00:00:00 2001 From: timetam Date: Mon, 7 Aug 2023 19:06:00 +0900 Subject: [PATCH 3/9] =?UTF-8?q?[#11]=20=EC=9B=B9=20=EC=A0=91=EA=B7=BC?= =?UTF-8?q?=EC=84=B1=20=EC=9C=84=ED=95=9C=20label=20=EC=B6=94=EA=B0=80=20&?= =?UTF-8?q?=20=EA=B0=80=EC=83=81=EC=9A=94=EC=86=8C=20=EC=A0=81=EC=9A=A9=20?= =?UTF-8?q?=ED=83=9C=EA=B7=B8=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- login-modal/index.html | 17 +++++++++++------ login-modal/style.css | 20 ++++++++++++++++---- 2 files changed, 27 insertions(+), 10 deletions(-) diff --git a/login-modal/index.html b/login-modal/index.html index 43c13e0..cbe23b6 100644 --- a/login-modal/index.html +++ b/login-modal/index.html @@ -17,21 +17,26 @@

    로그인 또는 회원가입

    또는