diff --git a/index.html b/index.html index b245c92d..c8b98cb1 100644 --- a/index.html +++ b/index.html @@ -10,13 +10,17 @@ - - + @@ -27,11 +31,11 @@

일상의 모든 물건을
거래해 보세요

구경하러 가기 - 판다마켓 랜딩 이미지 + 판다마켓 랜딩 이미지
- 판다마켓 랜딩 이미지 + 판다마켓 랜딩 이미지

Hot item

인기 상품을
확인해 보세요

@@ -44,10 +48,10 @@

Search

구매를 원하는
상품을 검색하세요

구매하고 싶은 물품은 검색해서
쉽게 찾아보세요

- 판다마켓 랜딩 이미지 + 판다마켓 랜딩 이미지
- 판다마켓 랜딩 이미지 + 판다마켓 랜딩 이미지

Register

판매를 원하는
상품을 등록하세요

@@ -59,7 +63,7 @@

판매를 원하는
상품을 등록하세요

믿을 수 있는
판다마켓 중고 거래

- 판다마켓 랜딩 이미지 + 판다마켓 랜딩 이미지
@@ -70,10 +74,10 @@

믿을 수 있는
판다마켓 중고 거래

FAQ
- - - - + + + +
diff --git a/login.html b/login.html index 0bc38422..29fc0a6e 100644 --- a/login.html +++ b/login.html @@ -9,16 +9,18 @@
- +
+ 이메일을 입력해주세요
- +
- + 비밀번호를 입력해주세요 +
@@ -30,4 +32,5 @@
- \ No newline at end of file + + \ No newline at end of file diff --git a/login.js b/login.js new file mode 100644 index 00000000..abae00a0 --- /dev/null +++ b/login.js @@ -0,0 +1,44 @@ +import { showInputError, hideInputError, regEmail } from "/sign.js"; + +const email = document.querySelector('#email'); +const password = document.querySelector('#password'); +const showPassword = document.querySelector('.show-password'); + +email.addEventListener('focusout', (e) => { + const value = e.target.value; + + if (!value) { showInputError('email', '이메일을 입력해주세요'); } + else if (!regEmail.test(value)){ showInputError('email', '잘못된 이메일 형식입니다'); } + else { hideInputError('email'); }; +}); + +password.addEventListener('focusout', (e) => { + const value = e.target.value; + + if (!value) { showInputError('password', '비밀번호를 입력해주세요'); } + else if (value.length < 8){ showInputError('password', '비밀번호를 8자 이상 입력해주세요'); } + else { hideInputError('password'); }; +}); + +showPassword.addEventListener('mousedown', (e) => { + const sibling = e.target.previousElementSibling; + e.target.classList.remove('password-hide'); + sibling.type = 'text'; +}); + +showPassword.addEventListener('mouseup', (e) => { + const sibling = e.target.previousElementSibling; + e.target.classList.add('password-hide'); + sibling.type = 'password'; +}); + +showPassword.addEventListener('mouseleave', (e) => { + const sibling = e.target.previousElementSibling; + e.target.classList.add('password-hide'); + sibling.type = 'password'; +}); + +document.querySelector('.sign-form').addEventListener('submit', (e) => { + e.preventDefault(); + window.location.href = '/items'; +}); \ No newline at end of file diff --git a/main.js b/main.js deleted file mode 100644 index 3ea917a7..00000000 --- a/main.js +++ /dev/null @@ -1,14 +0,0 @@ -window.addEventListener('resize', () => { - const elements = document.querySelectorAll('.section--normal'); - - //for tablet - elements.forEach((element) => { - if (window.innerWidth <= 1200) { - element.classList.remove('gap-64'); - element.classList.add('gap-24'); - } else { - element.classList.remove('gap-24'); - element.classList.add('gap-64'); - } - }); -}); \ No newline at end of file diff --git a/sign.js b/sign.js new file mode 100644 index 00000000..87473c8f --- /dev/null +++ b/sign.js @@ -0,0 +1,32 @@ +const errorClass = 'sign-form__input--error'; +export const regEmail = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; + +export function showInputError(id, text) { + const input = document.querySelector(`#${id}`); + const inputMsg = document.querySelector(`#msg-${id}`); + + input.classList.add(errorClass); + inputMsg.classList.remove('hide'); + inputMsg.innerHTML = text; + + checkValidity(); +} + +export function hideInputError(id) { + const input = document.querySelector(`#${id}`); + const inputMsg = document.querySelector(`#msg-${id}`); + + input.classList.remove(errorClass); + inputMsg.classList.add('hide'); + + checkValidity(); +} + +function checkValidity() { + const confirm = document.querySelector('#submit'); + let empty = false; + document.querySelectorAll(`.sign-form__input`).forEach((input) => { + if (!input.value) { empty = true; }; + }); + confirm.disabled = empty || (document.querySelectorAll(`.${errorClass}`).length > 0); +} \ No newline at end of file diff --git a/signup.html b/signup.html index 0c09eb83..d3bbddd8 100644 --- a/signup.html +++ b/signup.html @@ -8,28 +8,32 @@
- +
- + + 이메일을 입력해주세요 - - + + + 닉네임을 입력해주세요
- - + +
+ 비밀번호를 입력해주세요 - +
- - + +
+ 비밀번호가 일치하지 않습니다 - +
- \ No newline at end of file + + \ No newline at end of file diff --git a/signup.js b/signup.js new file mode 100644 index 00000000..ed7ecc75 --- /dev/null +++ b/signup.js @@ -0,0 +1,69 @@ +import { showInputError, hideInputError, regEmail } from "/sign.js"; + +const email = document.querySelector('#email'); +const password = document.querySelector('#password'); +const confirmPassword = document.querySelector('#confirm-password'); +const showPasswords = document.querySelectorAll('.show-password'); +const nickname = document.querySelector('#nickname'); + +email.addEventListener('focusout', (e) => { + const value = e.target.value; + + if (!value) { showInputError('email', '이메일을 입력해주세요'); } + else if (!regEmail.test(value)){ showInputError('email', '잘못된 이메일 형식입니다'); } + else { hideInputError('email'); }; +}); + +nickname.addEventListener('focusout', (e) => { + const value = e.target.value; + + if (!value) { showInputError('nickname', '닉네임을 입력해주세요'); } + else { hideInputError('nickname'); }; +}); + +password.addEventListener('focusout', (e) => { + const value = e.target.value; + + if (!value) { showInputError('password', '비밀번호를 입력해주세요'); } + else if (value.length < 8){ showInputError('password', '비밀번호를 8자 이상 입력해주세요'); } + else { hideInputError('password'); }; + + //Check confirm password again + if ((value != confirmPassword.value) && (document.querySelector('.activated'))) { showInputError('confirm-password', '비밀번호가 일치하지 않습니다'); } + else { hideInputError('confirm-password'); }; +}); + +showPasswords.forEach((showPassword) => { + showPassword.addEventListener('mousedown', (e) => { + const sibling = e.target.previousElementSibling; + e.target.classList.remove('password-hide'); + sibling.type = 'text'; + }); + + showPassword.addEventListener('mouseup', (e) => { + const sibling = e.target.previousElementSibling; + e.target.classList.add('password-hide'); + sibling.type = 'password'; + }); + + showPassword.addEventListener('mouseleave', (e) => { + const sibling = e.target.previousElementSibling; + e.target.classList.add('password-hide'); + sibling.type = 'password'; + }); +}); + +confirmPassword.addEventListener('focusout', (e) => { + const value = e.target.value; + e.target.classList.add('activated'); + + if (value != password.value) { showInputError('confirm-password', '비밀번호가 일치하지 않습니다'); } + else { hideInputError('confirm-password'); }; +}); + +document.querySelector('.sign-form').addEventListener('submit', (e) => { + e.preventDefault(); + + //회원가입을 끝냈는데 다시 회원가입으로 가는 게 이상해서 로그인으로 변경했습니다. + window.location.href = '/login.html'; +}); \ No newline at end of file diff --git a/styles/global.css b/styles/global.css index 2807c20e..cd2f11fe 100644 --- a/styles/global.css +++ b/styles/global.css @@ -48,6 +48,10 @@ h1, h2 { font: 600 20px/32px 'Pretendard'; color: #F3F4F6; line-height: 56px; + padding: 0 32px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .button:hover { @@ -102,11 +106,10 @@ h1, h2 { width: 100%; height: 100%; display: block; - background-image: url("/images/logo.svg"); - background-size: contain; - background-position: 0% 50%; - background-repeat: no-repeat; - background-origin: content-box; +} + +.logo picture img { + height: 100%; } .icon { @@ -204,6 +207,10 @@ h1, h2 { gap: 64px; } +.hide { + display: none; +} + .text-left { text-align: left; } diff --git a/styles/global.css.map b/styles/global.css.map index 0bf8ae3d..25d27e03 100644 --- a/styles/global.css.map +++ b/styles/global.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "global.scss" ], diff --git a/styles/global.scss b/styles/global.scss index 3b4a5847..c497b299 100644 --- a/styles/global.scss +++ b/styles/global.scss @@ -74,6 +74,10 @@ h1, h2 {font: 700 40px/140% "Pretendard";} font: 600 20px/32px 'Pretendard'; color: $secondary-200; line-height: 56px; + padding: 0 32px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; &--large { width: 357px; @@ -115,11 +119,7 @@ h1, h2 {font: 700 40px/140% "Pretendard";} width: 100%; height: 100%; display: block; - background-image: url('/images/logo.svg'); - background-size: contain; - background-position: 0% 50%; - background-repeat: no-repeat; - background-origin: content-box; + picture img{ height: 100%; } } .icon { @@ -153,6 +153,8 @@ h1, h2 {font: 700 40px/140% "Pretendard";} .gap-30 { gap: 30px; } .gap-64 { gap: 64px; } +.hide { display: none; } + .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } \ No newline at end of file diff --git a/styles/landing.css b/styles/landing.css index c221e88f..056831e9 100644 --- a/styles/landing.css +++ b/styles/landing.css @@ -48,6 +48,10 @@ h1, h2 { font: 600 20px/32px 'Pretendard'; color: #F3F4F6; line-height: 56px; + padding: 0 32px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .button:hover { @@ -102,11 +106,10 @@ h1, h2 { width: 100%; height: 100%; display: block; - background-image: url("/images/logo.svg"); - background-size: contain; - background-position: 0% 50%; - background-repeat: no-repeat; - background-origin: content-box; +} + +.logo picture img { + height: 100%; } .icon { @@ -204,6 +207,10 @@ h1, h2 { gap: 64px; } +.hide { + display: none; +} + .text-left { text-align: left; } @@ -331,6 +338,7 @@ footer__begin { padding: 0 24px; margin-top: 24px; margin-bottom: 28px; + gap: 24px; } .section--normal img { width: 100%; @@ -403,7 +411,6 @@ footer__begin { } .logo { padding: 8px 0; - background-image: url("/images/logo_typo_only.svg"); } .section p { font-size: 16px; diff --git a/styles/landing.css.map b/styles/landing.css.map index cadf6cd9..11311ed0 100644 --- a/styles/landing.css.map +++ b/styles/landing.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "landing.scss", "global.scss" diff --git a/styles/landing.scss b/styles/landing.scss index 534b61d8..be32ec3b 100644 --- a/styles/landing.scss +++ b/styles/landing.scss @@ -97,6 +97,7 @@ footer { padding: 0 24px; margin-top: 24px; margin-bottom: 28px; + gap: 24px; img { width: 100%; @@ -140,10 +141,7 @@ footer { @media (max-width: $mobile) { header { padding: 9px 16px; } h2 { margin: 8px 0 16px; } - .logo { - padding: 8px 0; - background-image: url('/images/logo_typo_only.svg'); - } + .logo { padding: 8px 0; } .section { p { diff --git a/styles/sign.css b/styles/sign.css index ba265946..9ec7c967 100644 --- a/styles/sign.css +++ b/styles/sign.css @@ -48,6 +48,10 @@ h1, h2 { font: 600 20px/32px 'Pretendard'; color: #F3F4F6; line-height: 56px; + padding: 0 32px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .button:hover { @@ -102,11 +106,10 @@ h1, h2 { width: 100%; height: 100%; display: block; - background-image: url("/images/logo.svg"); - background-size: contain; - background-position: 0% 50%; - background-repeat: no-repeat; - background-origin: content-box; +} + +.logo picture img { + height: 100%; } .icon { @@ -204,6 +207,10 @@ h1, h2 { gap: 64px; } +.hide { + display: none; +} + .text-left { text-align: left; } @@ -220,7 +227,7 @@ h1, h2 { position: relative; } -#password__toggle { +.show-password { position: absolute; background: none; border: none; @@ -229,6 +236,11 @@ h1, h2 { top: 50%; -webkit-transform: translateY(-65%); transform: translateY(-65%); + background-image: url(/images/ico_eye-open.svg); +} + +.show-password.password-hide { + background-image: url(/images/ico_eye-close.svg); } .sign { @@ -263,6 +275,12 @@ h1, h2 { .sign-container .logo { height: 132px; background-position: 50% 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .sign-container .sign-form { @@ -290,6 +308,11 @@ h1, h2 { margin-bottom: 8px; } +.sign-container .sign-form__input--error { + outline: none; + border: 2px solid #F74747; +} + .sign-container .sign-form__input::-webkit-input-placeholder { font: normal 400 16px/26px 'Pretendard'; color: #9ca3af; @@ -315,6 +338,13 @@ h1, h2 { border: 2px solid #3692FF; } +.sign-container .sign-form__input__msg { + font-size: 14px; + margin-left: 14px; + margin-top: -16px; + color: #F74747; +} + .sign-container .sign-form label { color: #1f2937; font: normal 700 18px/26px 'Pretendard'; @@ -324,6 +354,7 @@ h1, h2 { text-align: center; font: normal 500 14px/24px 'Pretendard'; color: #1f2937; + margin-bottom: 200px; } .sign-container footer a { diff --git a/styles/sign.css.map b/styles/sign.css.map index c339d634..3f095d25 100644 --- a/styles/sign.css.map +++ b/styles/sign.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "sign.scss", "global.scss" diff --git a/styles/sign.scss b/styles/sign.scss index 118c9b62..7523d7c5 100644 --- a/styles/sign.scss +++ b/styles/sign.scss @@ -4,7 +4,7 @@ position: relative; } -#password__toggle { +.show-password { position: absolute; background: none; border: none; @@ -12,6 +12,11 @@ left: auto; top: 50%; transform: translateY(-65%); + background-image: url(/images/ico_eye-open.svg); + + &.password-hide { + background-image: url(/images/ico_eye-close.svg); + } } .sign { @@ -31,6 +36,8 @@ .logo { height: 132px; background-position: 50% 50%; + display: flex; + justify-content: center; } .sign-form { @@ -50,6 +57,11 @@ background: $secondary-200; margin-bottom: 8px; + &--error { + outline: none; + border: 2px solid $error-red; + } + &::placeholder { font: normal 400 16px/26px 'Pretendard'; color: $secondary-400; @@ -59,6 +71,13 @@ outline: none; border: 2px solid $primary-100; } + + &__msg { + font-size: 14px; + margin-left: 14px; + margin-top: -16px; + color: $error-red; + } } label { @@ -71,6 +90,7 @@ text-align: center; font: normal 500 14px/24px 'Pretendard'; color: $secondary-800; + margin-bottom: 200px; a { color: $primary-100;