diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md deleted file mode 100644 index a85814779..000000000 --- a/.github/pull_request_template.md +++ /dev/null @@ -1,27 +0,0 @@ -## 요구사항 - -### 기본 - -- [x] -- [] -- [] - -### 심화 - -- [x] -- [] - -## 주요 변경사항 - -- -- - -## 스크린샷 - -![image](이미지url) - -## 멘토에게 - -- -- -- 셀프 코드 리뷰를 통해 질문 이어가겠습니다. diff --git a/1-weekly-mission-week1-main/.gitignore b/1-weekly-mission-week1-main/.gitignore deleted file mode 100644 index 722d5e71d..000000000 --- a/1-weekly-mission-week1-main/.gitignore +++ /dev/null @@ -1 +0,0 @@ -.vscode diff --git a/1-weekly-mission-week1-main/faq.html b/1-weekly-mission-week1-main/faq.html deleted file mode 100644 index 6612ae103..000000000 --- a/1-weekly-mission-week1-main/faq.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - FAQ - - diff --git a/1-weekly-mission-week1-main/images/facebook.svg b/1-weekly-mission-week1-main/images/facebook.svg deleted file mode 100644 index b9c9d4939..000000000 --- a/1-weekly-mission-week1-main/images/facebook.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/1-weekly-mission-week1-main/images/hero.png b/1-weekly-mission-week1-main/images/hero.png deleted file mode 100644 index 11dc528fb..000000000 Binary files a/1-weekly-mission-week1-main/images/hero.png and /dev/null differ diff --git a/1-weekly-mission-week1-main/images/image1.png b/1-weekly-mission-week1-main/images/image1.png deleted file mode 100644 index f6355852b..000000000 Binary files a/1-weekly-mission-week1-main/images/image1.png and /dev/null differ diff --git a/1-weekly-mission-week1-main/images/image2.png b/1-weekly-mission-week1-main/images/image2.png deleted file mode 100644 index b9a3c674a..000000000 Binary files a/1-weekly-mission-week1-main/images/image2.png and /dev/null differ diff --git a/1-weekly-mission-week1-main/images/image3.png b/1-weekly-mission-week1-main/images/image3.png deleted file mode 100644 index 986a39679..000000000 Binary files a/1-weekly-mission-week1-main/images/image3.png and /dev/null differ diff --git a/1-weekly-mission-week1-main/images/image4.png b/1-weekly-mission-week1-main/images/image4.png deleted file mode 100644 index 762bdc960..000000000 Binary files a/1-weekly-mission-week1-main/images/image4.png and /dev/null differ diff --git a/1-weekly-mission-week1-main/images/instagram.svg b/1-weekly-mission-week1-main/images/instagram.svg deleted file mode 100644 index 0b9337b07..000000000 --- a/1-weekly-mission-week1-main/images/instagram.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/1-weekly-mission-week1-main/images/logo.svg b/1-weekly-mission-week1-main/images/logo.svg deleted file mode 100644 index 282022090..000000000 --- a/1-weekly-mission-week1-main/images/logo.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/1-weekly-mission-week1-main/images/twitter.svg b/1-weekly-mission-week1-main/images/twitter.svg deleted file mode 100644 index 14a6069a1..000000000 --- a/1-weekly-mission-week1-main/images/twitter.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/1-weekly-mission-week1-main/images/youtube.svg b/1-weekly-mission-week1-main/images/youtube.svg deleted file mode 100644 index 28ed0e8ba..000000000 --- a/1-weekly-mission-week1-main/images/youtube.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/1-weekly-mission-week1-main/index.html b/1-weekly-mission-week1-main/index.html deleted file mode 100644 index ead157b64..000000000 --- a/1-weekly-mission-week1-main/index.html +++ /dev/null @@ -1,114 +0,0 @@ - - - - - Linkbrary - - - - - -
- -
-

- 세상의 모든 정보를 -
- 쉽게 저장하고 관리해 보세요 -

- - 링크 추가하기 - - Linkbrary 서비스 소개 -
-
-
-
-

- 원하는 링크를 -
- 저장하세요 -

-

- 나중에 읽고 싶은 글, 다시 보고 싶은 영상, -
- 사고 싶은 옷, 기억하고 싶은 모든 것을 -
- 한 공간에 저장하세요. -

- 링크의 내용이 담긴 카드들 -
-
-

- 링크를 폴더로 -
- 관리하세요 -

-

- 나만의 폴더를 무제한으로 만들고 -
- 다양하게 활용할 수 있습니다. -

- 폴더 이름 변경 기능 -
-
-

- 저장한 링크를 -
- 공유해 보세요 -

-

- 여러 링크를 폴더에 담고 공유할 수 있습니다. -
- 가족, 친구, 동료들에게 쉽고 빠르게 링크를 -
- 공유해 보세요. -

- 폴더 공유 기능 -
-
-

- 저장한 링크를 -
- 검색해 보세요 -

-

중요한 정보들을 검색으로 쉽게 찾아보세요.

- 링크 검색 기능 -
-
- - - diff --git a/1-weekly-mission-week1-main/privacy.html b/1-weekly-mission-week1-main/privacy.html deleted file mode 100644 index abf71aaaf..000000000 --- a/1-weekly-mission-week1-main/privacy.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - Privacy - - diff --git a/1-weekly-mission-week1-main/signin.html b/1-weekly-mission-week1-main/signin.html deleted file mode 100644 index 5dcac9576..000000000 --- a/1-weekly-mission-week1-main/signin.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - 로그인 - - diff --git a/1-weekly-mission-week1-main/signup.html b/1-weekly-mission-week1-main/signup.html deleted file mode 100644 index e7f60c281..000000000 --- a/1-weekly-mission-week1-main/signup.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - 회원가입 - - diff --git a/1-weekly-mission-week1-main/src/reset.css b/1-weekly-mission-week1-main/src/reset.css deleted file mode 100644 index ec6265ebe..000000000 --- a/1-weekly-mission-week1-main/src/reset.css +++ /dev/null @@ -1,17 +0,0 @@ -/* user agent stylesheet 초기화 */ - -* { - box-sizing: border-box; - margin: 0; - font-family: "Pretendard"; -} - -html, -body { - font-size: 62.5%; -} - -a { - color: inherit; - text-decoration: none; -} diff --git a/1-weekly-mission-week1-main/src/style.css b/1-weekly-mission-week1-main/src/style.css deleted file mode 100644 index 8591c47ac..000000000 --- a/1-weekly-mission-week1-main/src/style.css +++ /dev/null @@ -1,180 +0,0 @@ -header { - display: flex; - flex-direction: column; - align-items: center; - width: 100%; - background-color: #edf7ff; -} - -nav { - display: flex; - justify-content: space-between; - align-items: center; - position: fixed; - top: 0; - width: 100%; - max-width: 192rem; - height: 9.4rem; - padding: 0 20rem; -} - -.hero-header { - display: flex; - flex-direction: column; - align-items: center; - row-gap: 4rem; - padding-top: 14rem; -} - -.cta { - display: flex; - justify-content: center; - align-items: center; - height: 5.4rem; - cursor: pointer; - background-image: linear-gradient(135deg, #6d6afe 0%, #6ae3fe 100%); - border-radius: 0.8rem; - color: #f5f5f5; - font-size: 1.8rem; - font-weight: 600; -} - -.cta-short { - width: 12.8rem; -} - -.cta-long { - width: 35rem; -} - -.slogan { - text-align: center; - font-size: 6.4rem; - font-weight: 700; - line-height: 8rem; -} - -.slogan-gradient { - background-image: linear-gradient(119deg, #6d6afe 0%, #ff9f9f 100%); -} - -.background-clip-text { - background-clip: text; - -webkit-background-clip: text; - color: transparent; -} - -.hero-image { - width: 120rem; - height: 59rem; -} - -article { - padding-top: 7rem; - padding-bottom: 12rem; -} - -section { - display: grid; - justify-content: center; - column-gap: 15.7rem; - row-gap: 1rem; - width: 100%; - height: 55rem; - padding: 50px 0; -} - -section:nth-of-type(odd) { - grid-template: - ". image" - "title image" - "description image" - ". image" - /291px 55rem; -} - -section:nth-of-type(even) { - grid-template: - "image ." - "image title" - "image description" - "image ." - /550px 29.1rem; -} - -.title { - grid-area: title; - font-size: 4.8rem; - font-weight: 700; - line-height: 5.8rem; - letter-spacing: -0.03rem; -} - -.title-1-gradient { - background-image: linear-gradient(117deg, #fe8a8a 2.29%, #a4ceff 100%); -} -.title-2-gradient { - background-image: linear-gradient(304deg, #6fbaff 0%, #ffd88b 100%); -} -.title-3-gradient { - background-image: linear-gradient(133deg, #2945c7 0%, #dbe1f8 100%); -} -.title-4-gradient { - background-image: linear-gradient(310deg, #fe578f 0%, #68e8f9 100%); -} - -.description { - grid-area: description; - font-size: 1.6rem; - font-weight: 500; - color: #6b6b6b; - line-height: 150%; -} - -.content-image { - grid-area: image; - width: 55rem; - height: 45rem; -} - -footer { - display: flex; - justify-content: center; - width: 100%; - height: 16rem; - padding-top: 3.2rem; - background-color: #111322; -} - -.footer-box { - display: flex; - justify-content: space-between; - width: 100%; - max-width: 192rem; - height: fit-content; - padding: 0 10.4rem; -} - -.copyright { - color: #676767; - font-family: Arial; - font-size: 1.6rem; -} - -.footer-links { - display: flex; - column-gap: 3rem; - padding-right: 1.8rem; -} - -.footer-link { - color: #cfcfcf; - font-family: Arial; - font-size: 1.6rem; -} - -.sns { - display: flex; - column-gap: 1.2rem; - height: 2rem; -} diff --git a/week2/css/reset.css b/css/reset.css similarity index 100% rename from week2/css/reset.css rename to css/reset.css diff --git a/week3/signin/css/style.css b/css/style.css similarity index 94% rename from week3/signin/css/style.css rename to css/style.css index 175472e69..3721dd739 100644 --- a/week3/signin/css/style.css +++ b/css/style.css @@ -83,6 +83,18 @@ body { border: 1px solid var(--primary-color); } +.form-box.active input { + border: 1px solid #ff5b56; +} + +.form-box.active .messeage { + display: block; + margin: 6px 0 0; + color: #ff5b56; + font-size: 14px; + line-height: 16px; +} + .form-box + .form-box { margin: 24px 0 0; } @@ -168,11 +180,4 @@ body { .sns-login ul li .kakao { background: url('../images/ico-kakao.png') no-repeat; background-size: 100% 42px; -} - -@media screen and (max-width:400px) { - .inner-wrap { - width: 100%; - padding: 0 32px; - } } \ No newline at end of file diff --git a/folder.html b/folder.html new file mode 100644 index 000000000..0cc50450c --- /dev/null +++ b/folder.html @@ -0,0 +1,8 @@ + + + + + + folder + + \ No newline at end of file diff --git a/week2/images/ico-eye-off.svg b/images/ico-eye-off.svg similarity index 100% rename from week2/images/ico-eye-off.svg rename to images/ico-eye-off.svg diff --git a/week2/images/ico-eye-on.svg b/images/ico-eye-on.svg similarity index 100% rename from week2/images/ico-eye-on.svg rename to images/ico-eye-on.svg diff --git a/week2/images/ico-google.png b/images/ico-google.png similarity index 100% rename from week2/images/ico-google.png rename to images/ico-google.png diff --git a/week2/images/ico-kakao.png b/images/ico-kakao.png similarity index 100% rename from week2/images/ico-kakao.png rename to images/ico-kakao.png diff --git a/week2/images/logo.svg b/images/logo.svg similarity index 100% rename from week2/images/logo.svg rename to images/logo.svg diff --git a/js/signin.js b/js/signin.js new file mode 100644 index 000000000..0886818f3 --- /dev/null +++ b/js/signin.js @@ -0,0 +1,92 @@ +const form = document.querySelector('form'); +const formBox = document.querySelectorAll('.form-box'); +const emailPattern = /^[A-Za-z0-9.\-_]+@([A-Za-z0-9-]+\.)+[A-Za-z]{2,6}$/; +const pwPattern = /^(?=.*[a-zA-Z])(?=.*[0-9]).{8,25}$/; +const userEmail = 'test@codeit.com'; +const emailInput = document.getElementById('signin-email'); +const pwInput = document.getElementById('signin-password'); +const userPw = 'codeit101'; +const btnLogin = document.querySelector('.btn-box .btn-login'); +const eyeOff = document.querySelector('.eye-off'); + +// 이메일, 비밀번호 유효성 검사 +formBox.forEach((el) => { + el.addEventListener('focusout', (e)=> { + if(e.target.value === ''){ + e.currentTarget.classList.add('active'); + + el.classList.contains('email') ? e.currentTarget.lastElementChild.textContent = '이메일을 입력하세요' : e.currentTarget.lastElementChild.textContent = '비밀번호를 입력하세요'; + }else{ + e.currentTarget.classList.remove('active'); + e.currentTarget.lastElementChild.textContent = ''; + validate(emailPattern, pwPattern); + } + + function validate(emailPattern, pwPattern){ + if(el.classList.contains('email')){ + if(emailPattern.test(e.target.value) === false){ + e.currentTarget.classList.add('active'); + e.currentTarget.lastElementChild.textContent = '올바른 이메일 주소가 아닙니다.'; + } + }else{ + if(pwPattern.test(e.target.value) === false){ + e.currentTarget.classList.add('active'); + e.currentTarget.lastElementChild.textContent = '비밀번호는 영문, 숫자 조합 8자 이상 입력해 주세요.'; + } + } + } + }); +}); + +// 로그인 버튼 클릭 시 이메일, 비밀번호 일치여부 확인 후 페이지 이동 +function login(e){ + e.preventDefault(); + + formBox.forEach((el) => { + if(!el.classList.contains('active')){ + if(emailInput.value === userEmail && pwInput.value === userPw){ + form.submit(); + }else{ + formBox.forEach((el) => { + el.classList.add('active'); + el.classList.contains('email') ? el.lastElementChild.textContent = '이메일을 확인해주세요.' : el.lastElementChild.textContent = '비밀번호를 확인해주세요.'; + }) + } + } + }) +} +btnLogin.addEventListener('click', login); + +form.addEventListener('keydown', (e) => { + if(e.key === 'Enter'){ + e.preventDefault(); + } +}) + +// 눈 아이콘 클릭 시 비밀번호 안보이게 하기 +function eyeOn(e){ + e.preventDefault(); + + e.target.parentElement.classList.toggle('active'); + if(e.target.parentElement.classList.contains('active')){ + e.target.previousElementSibling.setAttribute('type', 'text'); + e.target.setAttribute('src', './images/ico-eye-on.svg'); + }else{ + e.target.previousElementSibling.setAttribute('type', 'password'); + e.target.setAttribute('src', './images/ico-eye-off.svg'); + } +} +eyeOff.addEventListener('click', eyeOn); + + + + + + + + + + + + + diff --git a/js/signup.js b/js/signup.js new file mode 100644 index 000000000..8ec218d38 --- /dev/null +++ b/js/signup.js @@ -0,0 +1,104 @@ +const form = document.querySelector('form'); +const formBox = document.querySelectorAll('.form-box'); +const emailPattern = /^[A-Za-z0-9.\-_]+@([A-Za-z0-9-]+\.)+[A-Za-z]{2,6}$/; +const pwPattern = /^(?=.*[a-zA-Z])(?=.*[0-9]).{8,25}$/; +const userEmail = 'test@codeit.com'; +const emailInput = document.getElementById('signin-email'); +const pwInput = document.getElementById('signin-password'); +const userPw = 'codeit101'; +const emailInputUp = document.getElementById('signup-email'); +const pwInputUp = document.getElementById('signup-password'); +const userPwCheck = document.getElementById('signup-check-password'); +const btnJoin = document.querySelector('.btn-box .btn-join'); +const eyeOn = document.querySelectorAll('.eye-on'); + +// 이메일, 비밀번호 유효성 검사 +formBox.forEach((el) => { + el.addEventListener('focusout', (e)=> { + if(e.target.value === ''){ + e.currentTarget.classList.add('active'); + + el.classList.contains('email') ? e.currentTarget.lastElementChild.textContent = '이메일을 입력하세요' : e.currentTarget.lastElementChild.textContent = '비밀번호를 입력하세요'; + }else{ + if(el.classList.contains('pw')){ + e.currentTarget.classList.remove('active'); + e.currentTarget.lastElementChild.textContent = ''; + + validate(emailPattern, pwPattern); + } + + function validate(emailPattern, pwPattern){ + if(el.classList.contains('email')){ + if(emailPattern.test(e.target.value) === false){ + e.currentTarget.classList.add('active'); + e.currentTarget.lastElementChild.textContent = '올바른 이메일 주소가 아닙니다.'; + } + }else{ + if(pwPattern.test(e.target.value) === false){ + e.currentTarget.classList.add('active'); + e.currentTarget.lastElementChild.textContent = '비밀번호는 영문, 숫자 조합 8자 이상 입력해 주세요.'; + } + } + } + } + }); +}); + +// 회원가입 버튼 클릭 시 가입된 이메일 존재 여부 확인 후 페이지 이동 +function join(e){ + e.preventDefault(); + + formBox.forEach((el) => { + if(!el.classList.contains('active')){ + if(emailInputUp.value === userEmail){ + if(el.classList.contains('email')){ + el.classList.add('active'); + el.lastElementChild.textContent = '이미 사용 중인 이메일입니다.'; + }else{ + el.classList.remove('active'); + el.lastElementChild.textContent = ''; + } + }else{ + form.submit(); + } + } + }) +} +btnJoin.addEventListener('click', join); + +// 비밀번호 input과 비밀번호 확인 input의 값이 다른 경우 +function pwCheck(e){ + if(pwInputUp.value !== userPwCheck.value){ + e.target.parentElement.parentElement.classList.add('active'); + e.target.parentElement.parentElement.lastElementChild.textContent = '비밀번호가 일치하지 않아요.'; + } +} +userPwCheck.addEventListener('focusout', pwCheck); + +// 눈 아이콘 클릭 시 비밀번호 보이게 하기 +function eyeOff(e){ + e.preventDefault(); + + e.target.parentElement.classList.toggle('active'); + if(e.target.parentElement.classList.contains('active')){ + e.target.previousElementSibling.setAttribute('type', 'password'); + e.target.setAttribute('src', './images/ico-eye-off.svg'); + }else{ + e.target.previousElementSibling.setAttribute('type', 'text'); + e.target.setAttribute('src', './images/ico-eye-on.svg'); + } +} +eyeOn.forEach((eye) => {eye.addEventListener('click', eyeOff)}) + + + + + + + + + + + + + diff --git a/week3/signin/signin.html b/signin.html similarity index 85% rename from week3/signin/signin.html rename to signin.html index 9fe1f6b5c..dbd7af9f7 100644 --- a/week3/signin/signin.html +++ b/signin.html @@ -26,19 +26,21 @@

-
-
+ + -
+
- + 비밀번호 눈 꺼짐
+

@@ -61,5 +63,6 @@

+ diff --git a/week3/signin/signup.html b/signup.html similarity index 87% rename from week3/signin/signup.html rename to signup.html index 5dcf459bf..b8cac9668 100644 --- a/week3/signin/signup.html +++ b/signup.html @@ -26,28 +26,31 @@

- -
+ + -
+
비밀번호 눈 켜짐
+

-
+
비밀번호 눈 켜짐
+

@@ -70,5 +73,6 @@

+ diff --git a/week2/css/style.css b/week2/css/style.css deleted file mode 100644 index 74789c7ce..000000000 --- a/week2/css/style.css +++ /dev/null @@ -1,171 +0,0 @@ -@charset "utf-8"; - -:root { - --main-bg-color: #f0f6ff; - --primary-color: #6d6afe; - --box-border-color: #ccd5e3; - --white-color: #fff; - --black-color: #373740; - --btn-color: #f5f5f5; - --sns-bg-color: #e7effb; -} - -body { - font-family: 'Pretendard'; - background-color: var(--main-bg-color); -} - -.container { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - width: 100%; -} - -.inner-wrap { - max-width: 400px; - margin: 0 auto; -} - -.join-member .logo { - text-align: center; -} - -.join-member .logo img { - width: 210px; -} - -.join-member .logo span { - overflow: hidden; - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - clip-path: rect(0 0 0 0); -} - -.join-link { - display: flex; - justify-content: center; - gap: 8px; - margin: 16px 0 0; -} - -.join-link .btn-join { - color: var(--primary-color); - font-weight: 600; - line-height: 19px; - border-bottom: 1px solid var(--primary-color); -} - -.form-wrap { - margin: 30px 0 0; -} - -.form-wrap label { - display: block; - margin: 0 0 12px 0; - font-size: 14px; - line-height: 16px; -} - -.form-wrap input { - width: 100%; - padding: 18px 15px; - color: var(--black-color); - border-radius: 8px; - border: 1px solid var(--box-border-color); - background-color: var(--white-color); -} - -.form-wrap input:focus { - border: 1px solid var(--primary-color); -} - -.form-box + .form-box { - margin: 24px 0 0; -} - -.form-box .user-password { - position: relative; -} - -.form-box .user-password img[class*="eye"] { - position: absolute; - top: 50%; - right: 15px; - transform: translateY(-50%); - cursor: pointer; -} - -.btn-box { - margin: 30px 0 0; -} - -.btn-box button { - display: block; - width: 100%; - padding: 16px 20px; - border: 0; - border-radius: 8px; - text-align: center; - font-size: 18px; - font-weight: 600; - line-height: 21px; - cursor: pointer; - color: var(--btn-color); - background: linear-gradient(90.99deg, #6D6AFE 0.12%, #6AE3FE 101.84%); -} - -.sns-login { - display: flex; - justify-content: space-between; - align-items: center; - margin: 32px 0 0; - padding: 12px 24px; - border-radius: 8px; - font-size: 14px; - line-height: 16px; - border: 1px solid var(--box-border-color); - background-color: var(--sns-bg-color); -} - -.sns-login .title { - font-size: 14px; - line-height: 16px; - color: var(--black-color); -} - -.sns-login ul { - overflow: hidden; - list-style-type: none; -} - -.sns-login ul li { - float: left; - margin: 0 16px 0 0; -} - -.sns-login ul li:last-child { - margin: 0; -} - -.sns-login ul li a { - display: block; - overflow: hidden; - width: 42px; - height: 42px; - text-indent: 100%; - white-space: nowrap; -} - -.sns-login ul li .google { - background: url('../images/ico-google.png') no-repeat; - background-size: 100% 42px; -} - -.sns-login ul li .kakao { - background: url('../images/ico-kakao.png') no-repeat; - background-size: 100% 42px; -} \ No newline at end of file diff --git a/week2/signin.html b/week2/signin.html deleted file mode 100644 index 9fe1f6b5c..000000000 --- a/week2/signin.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - 로그인 - - - - - -
-
-
-

- - Linkbrary 로고 - Linkbrary - -

- -
-

회원이 아니신가요?

- 회원 가입하기 -
-
- -
- -
- - -
- -
- - -
- - 비밀번호 눈 꺼짐 -
-
- -
- -
- -
- - -
-
- - diff --git a/week2/signup.html b/week2/signup.html deleted file mode 100644 index 5dcf459bf..000000000 --- a/week2/signup.html +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - 회원가입 - - - - - -
-
-
-

- - Linkbrary 로고 - Linkbrary - -

- -
-

이미 회원이신가요?

- 로그인 하기 -
-
- -
-
-
- - -
- -
- - -
- - 비밀번호 눈 켜짐 -
-
- -
- - -
- - 비밀번호 눈 켜짐 -
-
- -
- -
-
-
- - -
-
- - diff --git a/week3/linkbrary/.gitignore b/week3/linkbrary/.gitignore deleted file mode 100644 index 722d5e71d..000000000 --- a/week3/linkbrary/.gitignore +++ /dev/null @@ -1 +0,0 @@ -.vscode diff --git a/week3/linkbrary/faq.html b/week3/linkbrary/faq.html deleted file mode 100644 index 6612ae103..000000000 --- a/week3/linkbrary/faq.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - FAQ - - diff --git a/week3/linkbrary/images/facebook.svg b/week3/linkbrary/images/facebook.svg deleted file mode 100644 index b9c9d4939..000000000 --- a/week3/linkbrary/images/facebook.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/week3/linkbrary/images/hero.png b/week3/linkbrary/images/hero.png deleted file mode 100644 index 11dc528fb..000000000 Binary files a/week3/linkbrary/images/hero.png and /dev/null differ diff --git a/week3/linkbrary/images/image1.png b/week3/linkbrary/images/image1.png deleted file mode 100644 index f6355852b..000000000 Binary files a/week3/linkbrary/images/image1.png and /dev/null differ diff --git a/week3/linkbrary/images/image2.png b/week3/linkbrary/images/image2.png deleted file mode 100644 index b9a3c674a..000000000 Binary files a/week3/linkbrary/images/image2.png and /dev/null differ diff --git a/week3/linkbrary/images/image3.png b/week3/linkbrary/images/image3.png deleted file mode 100644 index 986a39679..000000000 Binary files a/week3/linkbrary/images/image3.png and /dev/null differ diff --git a/week3/linkbrary/images/image4.png b/week3/linkbrary/images/image4.png deleted file mode 100644 index 762bdc960..000000000 Binary files a/week3/linkbrary/images/image4.png and /dev/null differ diff --git a/week3/linkbrary/images/img-og.png b/week3/linkbrary/images/img-og.png deleted file mode 100644 index ed3fe5fa6..000000000 Binary files a/week3/linkbrary/images/img-og.png and /dev/null differ diff --git a/week3/linkbrary/images/instagram.svg b/week3/linkbrary/images/instagram.svg deleted file mode 100644 index 0b9337b07..000000000 --- a/week3/linkbrary/images/instagram.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/week3/linkbrary/images/logo.svg b/week3/linkbrary/images/logo.svg deleted file mode 100644 index 282022090..000000000 --- a/week3/linkbrary/images/logo.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/week3/linkbrary/images/twitter.svg b/week3/linkbrary/images/twitter.svg deleted file mode 100644 index 14a6069a1..000000000 --- a/week3/linkbrary/images/twitter.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/week3/linkbrary/images/youtube.svg b/week3/linkbrary/images/youtube.svg deleted file mode 100644 index 28ed0e8ba..000000000 --- a/week3/linkbrary/images/youtube.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/week3/linkbrary/index.html b/week3/linkbrary/index.html deleted file mode 100644 index b8276e6b2..000000000 --- a/week3/linkbrary/index.html +++ /dev/null @@ -1,115 +0,0 @@ - - - - - - - - - - Linkbrary - - - - - -
- -
-

- 세상의 모든 정보를 -
- 쉽게 저장하고
관리해 보세요 -

- - 링크 추가하기 - - Linkbrary 서비스 소개 -
-
-
-
-

- 원하는 링크를 -
- 저장하세요 -

-

- 나중에 읽고 싶은 글, 다시 보고 싶은 영상, -
- 사고 싶은 옷, 기억하고 싶은 모든 것을 -
- 한 공간에 저장하세요. -

- 링크의 내용이 담긴 카드들 -
-
-

- 링크를 폴더로 -
- 관리하세요 -

-

- 나만의 폴더를 무제한으로 만들고 -
- 다양하게 활용할 수 있습니다. -

- 폴더 이름 변경 기능 -
-
-

- 저장한 링크를 -
- 공유해 보세요 -

-

- 여러 링크를 폴더에 담고 공유할 수 있습니다. -
- 가족, 친구, 동료들에게 쉽고 빠르게 링크를 -
- 공유해 보세요. -

- 폴더 공유 기능 -
-
-

- 저장한 링크를 -
- 검색해 보세요 -

-

중요한 정보들을 검색으로 쉽게 찾아보세요.

- 링크 검색 기능 -
-
- - - diff --git a/week3/linkbrary/privacy.html b/week3/linkbrary/privacy.html deleted file mode 100644 index abf71aaaf..000000000 --- a/week3/linkbrary/privacy.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - Privacy - - diff --git a/week3/linkbrary/signin.html b/week3/linkbrary/signin.html deleted file mode 100644 index 5dcac9576..000000000 --- a/week3/linkbrary/signin.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - 로그인 - - diff --git a/week3/linkbrary/signup.html b/week3/linkbrary/signup.html deleted file mode 100644 index e7f60c281..000000000 --- a/week3/linkbrary/signup.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - 회원가입 - - diff --git a/week3/linkbrary/src/reset.css b/week3/linkbrary/src/reset.css deleted file mode 100644 index ec6265ebe..000000000 --- a/week3/linkbrary/src/reset.css +++ /dev/null @@ -1,17 +0,0 @@ -/* user agent stylesheet 초기화 */ - -* { - box-sizing: border-box; - margin: 0; - font-family: "Pretendard"; -} - -html, -body { - font-size: 62.5%; -} - -a { - color: inherit; - text-decoration: none; -} diff --git a/week3/linkbrary/src/style.css b/week3/linkbrary/src/style.css deleted file mode 100644 index f33d7a314..000000000 --- a/week3/linkbrary/src/style.css +++ /dev/null @@ -1,336 +0,0 @@ -header { - display: flex; - flex-direction: column; - align-items: center; - width: 100%; - background-color: #edf7ff; -} - -nav { - display: flex; - justify-content: space-between; - align-items: center; - position: fixed; - top: 0; - width: 100%; - max-width: 192rem; - height: 9.4rem; - padding: 0 20rem; - background-color: #edf7ff; -} - -.cta { - display: flex; - justify-content: center; - align-items: center; - height: 5.4rem; - cursor: pointer; - background-image: linear-gradient(135deg, #6d6afe 0%, #6ae3fe 100%); - border-radius: 0.8rem; - color: #f5f5f5; - font-size: 1.8rem; - font-weight: 600; -} - -.cta-short { - width: 12.8rem; -} - -.cta-long { - width: 35rem; -} - -.hero-header { - display: flex; - flex-direction: column; - align-items: center; - row-gap: 4rem; - padding-top: 16.4rem; -} - -.slogan { - text-align: center; - font-size: 6.4rem; - font-weight: 700; - line-height: 8rem; -} - -.slogan-gradient { - background-image: linear-gradient(119deg, #6d6afe 0%, #ff9f9f 100%); -} - -.background-clip-text { - background-clip: text; - -webkit-background-clip: text; - color: transparent; -} - -.mobile-hide { - display: none; -} - -.hero-image { - width: 1200px; - height: 590px; -} - -article { - padding-top: 3rem; - padding-bottom: 12rem; -} - -section { - display: grid; - justify-content: center; - column-gap: 15.7rem; - row-gap: 1rem; - width: 100%; - height: 55rem; - padding: 50px 0; -} - -section .pc-hide { - display: block; -} - -section:nth-of-type(odd) { - grid-template: - ". image" - "title image" - "description image" - ". image"; -} - -section:nth-of-type(even) { - grid-template: - "image ." - "image title" - "image description" - "image ."; -} - -.title { - grid-area: title; - font-size: 4.8rem; - font-weight: 700; - line-height: 5.8rem; - letter-spacing: -0.03rem; -} - -.title-1-gradient { - background-image: linear-gradient(117deg, #fe8a8a 2.29%, #a4ceff 100%); -} -.title-2-gradient { - background-image: linear-gradient(304deg, #6fbaff 0%, #ffd88b 100%); -} -.title-3-gradient { - background-image: linear-gradient(133deg, #2945c7 0%, #dbe1f8 100%); -} -.title-4-gradient { - background-image: linear-gradient(310deg, #fe578f 0%, #68e8f9 100%); -} - -.description { - grid-area: description; - font-size: 1.6rem; - font-weight: 500; - color: #6b6b6b; - line-height: 150%; -} - -.content-image { - grid-area: image; - width: 550px; - height: 450px; -} - -footer { - display: flex; - justify-content: center; - width: 100%; - height: 16rem; - padding-top: 3.2rem; - background-color: #111322; -} - -.footer-box { - display: flex; - justify-content: space-between; - width: 100%; - max-width: 192rem; - height: fit-content; - padding: 0 10.4rem; -} - -.copyright { - color: #676767; - font-family: Arial; - font-size: 1.6rem; -} - -.footer-links { - display: flex; - column-gap: 3rem; - padding-right: 1.8rem; -} - -.footer-link { - color: #cfcfcf; - font-family: Arial; - font-size: 1.6rem; -} - -.sns { - display: flex; - column-gap: 1.2rem; - height: 2rem; -} - -@media screen and (max-width:1200px) { - .mobile-hide { - display: block; - } - - .hero-header { - padding-top: 13.3rem; - } - - .hero-image { - width: 698px; - height: 343px; - } - - section { - column-gap: 5.1rem; - height: 41.5rem; - } - - section:nth-of-type(odd) { - grid-template: - ". image" - "title image" - "description image" - ". image"; - } - - section:nth-of-type(even) { - grid-template: - "image ." - "image title" - "image description" - "image ."; - } - - .content-image { - width: 385px; - height: 315px; - } -} - -@media screen and (min-width:375px) and (max-width:768px) { - header { - padding: 0 32px; - } - - nav { - height: 6.3rem; - padding: 0 32px; - } - - nav .mobile-logo { - width: 88px; - } - - .hero-header { - row-gap: 2.4rem; - padding-top: 9.1rem; - } - - .hero-image { - width: 100%; - height: 100%; - } - - .slogan { - font-size: 3.2rem; - line-height: 4.2rem; - } - - .cta { - height: 3.7rem; - font-size: 1.4rem; - } - - .cta-short { - width: 8rem; - } - - .cta-long { - width: 20rem; - } - - header .content-image { - width: 325px; - height: 160px; - } - - article { - padding: 0 32px 4rem 32px; - } - - section { - column-gap: 0; - row-gap: 1.6rem; - height: auto; - padding: 40px 0; - } - - section:nth-of-type(odd), - section:nth-of-type(even) - { - grid-template: - "title" - "image" - "description"; - } - - .title { - margin: 0 0 0.4rem 0; - } - - section .pc-hide { - display: none; - } - - section .content-image { - width: 100%; - height: 100%; - } - - .title { - font-size: 2.4rem; - line-height: 2.8rem; - } - - .description { - font-size: 1.5rem; - } - - footer { - position: relative; - } - - .footer-box { - flex-wrap: wrap; - padding: 0 32px; - } - - .copyright { - position: absolute; - left: 32px; - bottom: 32px; - } -} - - - diff --git a/week3/signin/css/reset.css b/week3/signin/css/reset.css deleted file mode 100644 index e193e1f79..000000000 --- a/week3/signin/css/reset.css +++ /dev/null @@ -1,15 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -input { - outline: none; - background: none; -} - -a { - color: inherit; - text-decoration: none; -} \ No newline at end of file diff --git a/week3/signin/images/ico-eye-off.svg b/week3/signin/images/ico-eye-off.svg deleted file mode 100644 index 783dc1b11..000000000 --- a/week3/signin/images/ico-eye-off.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/week3/signin/images/ico-eye-on.svg b/week3/signin/images/ico-eye-on.svg deleted file mode 100644 index 61350f131..000000000 --- a/week3/signin/images/ico-eye-on.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/week3/signin/images/ico-google.png b/week3/signin/images/ico-google.png deleted file mode 100644 index b7b03aa92..000000000 Binary files a/week3/signin/images/ico-google.png and /dev/null differ diff --git a/week3/signin/images/ico-kakao.png b/week3/signin/images/ico-kakao.png deleted file mode 100644 index 02a97d571..000000000 Binary files a/week3/signin/images/ico-kakao.png and /dev/null differ diff --git a/week3/signin/images/logo.svg b/week3/signin/images/logo.svg deleted file mode 100644 index f3beb240f..000000000 --- a/week3/signin/images/logo.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - -