[김진형]Sprint3 #109
There are no files selected for viewing
Empty file.
This file contains hidden or 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -3,48 +3,157 @@ | |
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta property="og:title" content="판다마켓"> | ||
| <meta property="og:description" content="일상의 모든 물건을 거래해 보세요"> | ||
| <meta property="og:image" content="images/logo/logo.svg"> | ||
| <title>판다마켓</title> | ||
| <!-- favicon 설정 --> | ||
| <link rel="icon" href="images/logo/favicon.ico"> | ||
| <!-- pretendard 글꼴 --> | ||
| <link rel="stylesheet" as="style" crossorigin="" href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css"> | ||
| <!-- global.css 연결 --> | ||
| <link rel="stylesheet" href="styles/global.css" /> | ||
| <!-- home.css 연결 --> | ||
| <link rel="stylesheet" href="styles/home.css" /> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <!-- 로고 및 클릭시 / --> | ||
| <a href="/"> | ||
| <img src="images/logo/logo.svg" alt="판다마켓 홈" width="153"> | ||
| </a> | ||
| <!-- 로그인 버튼 --> | ||
| <a href="signin.html" id="signinButton" class="button">로그인</a> | ||
| </header> | ||
| <main> | ||
| <!-- 배경이미지 --> | ||
| <section id="hero" class="banner"> | ||
| <!-- 일상의 문구 박스 --> | ||
| <div class="container"> | ||
| <h1>일상의 모든 물건을 | ||
| <br> | ||
| 거래해 보세요</h1> | ||
| <!-- 구경하기 버튼 --> | ||
| <a href="item.html" class="button see-button">구경하러 가기</a> | ||
| </section> | ||
| <!-- 인기 상품 문구 박스 --> | ||
| <section id="features" class="container"> | ||
| <!-- 사이즈 맞춤 박스 및 이미지 --> | ||
| <div class="feature"> | ||
| <img src="images/home/feature1-image.png" alt="인기상품"> | ||
| <div class="feature-text"> | ||
| <h2>Hot item</h2> | ||
| <h1> | ||
| 인기 상품을 | ||
| <span class="break-on-desktop"> | ||
| <br> | ||
| </span> | ||
| 확인해 보세요 | ||
| </h1> | ||
| <p class="feature-description"> | ||
| 가장 HOT한 중고거래 물품을 | ||
| <br> | ||
| 판다마켓에서 확인해 보세요 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="feature"> | ||
| <img src="images/home/feature2-image.png" alt="검색 기능"> | ||
| <div class="feature-text"> | ||
| <h2>Search</h2> | ||
| <h1> | ||
| 구매를 원하는 | ||
| <span class="break-on-desktop"> | ||
| <br> | ||
| </span> | ||
| 상품을 검색하세요 | ||
| </h1> | ||
| <p class="feature-description"> | ||
| 구매하고 싶은 물품은 검색해서 | ||
| <br> | ||
| 쉽게 찾아보세요 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="feature"> | ||
| <img src="images/home/feature3-image.png" alt="판매 상품 등록"> | ||
| <div class="feature-text"> | ||
| <h2>Register</h2> | ||
| <h1> | ||
| 판매를 원하는 | ||
| <span class="break-on-desktop"> | ||
| <br> | ||
| </span> | ||
| 상품을 등록하세요 | ||
| </h1> | ||
| <p class="feature-description"> | ||
| 어떤 물건이든 판매하고 싶은 상품을 | ||
| <br> | ||
| 쉽게 등록하세요 | ||
| </p> | ||
| </div> | ||
| </section> | ||
| <section id="bottomBanner" class="banner"> | ||
| <div class="container"> | ||
| <h1> | ||
| 믿을 수 있는 | ||
| <br> | ||
| 판다마켓 중고거래 | ||
| </h1> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| </main> | ||
| <footer> | ||
| <div id="copyright">©codeit - 2024</div> | ||
| <div id="footerMenu"> | ||
| <a href="privacy.html">Privacy Policy</a> | ||
| <a href="faq.html">FAQ</a> | ||
|
|
||
| </div> | ||
| <div id="sns"> | ||
| <a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"><img src="images/social/facebook-logo.svg" alt="페이스북" width="20"></a> | ||
| <a href="https://twitter.com/" target="_blank" rel="noopener noreferrer"><img src="images/social/twitter-logo.svg" alt="트위터" width="20"></a> | ||
| <a href="https://www.youtube.com/" target="_blank" rel="noopener noreferrer"><img src="images/social/youtube-logo.svg" alt="유튜브" width="20"></a> | ||
| <a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer"><img src="images/social/instagram-logo.svg" alt="인스타그램" width="20"></a> | ||
| </div> | ||
| </footer> | ||
| <script> | ||
| // <![CDATA[ <-- For SVG support | ||
| if ('WebSocket' in window) { | ||
| (function () { | ||
| function refreshCSS() { | ||
| var sheets = [].slice.call(document.getElementsByTagName("link")); | ||
| var head = document.getElementsByTagName("head")[0]; | ||
| for (var i = 0; i < sheets.length; ++i) { | ||
| var elem = sheets[i]; | ||
| var parent = elem.parentElement || head; | ||
| parent.removeChild(elem); | ||
| var rel = elem.rel; | ||
| if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") { | ||
| var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, ''); | ||
| elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf()); | ||
| } | ||
| parent.appendChild(elem); | ||
| } | ||
| } | ||
| var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://'; | ||
| var address = protocol + window.location.host + window.location.pathname + '/ws'; | ||
| var socket = new WebSocket(address); | ||
| socket.onmessage = function (msg) { | ||
| if (msg.data == 'reload') window.location.reload(); | ||
| else if (msg.data == 'refreshcss') refreshCSS(); | ||
| }; | ||
| if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) { | ||
| console.log('Live reload enabled.'); | ||
| sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true); | ||
| } | ||
| })(); | ||
| } | ||
| else { | ||
| console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.'); | ||
| } | ||
| // ]]> | ||
| </script> | ||
| </body> | ||
| </html> | ||
Empty file.
Empty file.
This file contains hidden or 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
| Original file line number | Diff line number | Diff line change | ||||
|---|---|---|---|---|---|---|
| @@ -0,0 +1,51 @@ | ||||||
| <!DOCTYPE html> | ||||||
| <html lang="ko"> | ||||||
| <head> | ||||||
| <meta charset="UTF-8"> | ||||||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||
| <title>Panda_login</title> | ||||||
| <link rel="icon" href="images/logo/favicon.ico"> | ||||||
| <link rel="stylesheet" href="style.css"> | ||||||
|
Collaborator
There was a problem hiding this comment. ❗️ 수정요청
Suggested change
|
||||||
| </head> | ||||||
|
|
||||||
| <body> | ||||||
|
|
||||||
| <div class="container"> | ||||||
| <div class="logo"><a href="/"> | ||||||
| <img src="images/logo/logo.svg" width="396px" height="132px"></a> | ||||||
| </div> | ||||||
|
|
||||||
| <div class="login_box"> | ||||||
|
|
||||||
|
|
||||||
| <label for="emial">이메일</label> | ||||||
| <input type="email" id="email" placeholder="[email protected]"> | ||||||
|
|
||||||
|
|
||||||
| <label for="password">비밀번호</label> | ||||||
| <div class="password_wrapper"> | ||||||
| <input type="password" id="password" placeholder="••••••••"> | ||||||
| <img class="eye" src="images/icons/eye-invisible.svg" width="24px" height="24px"> | ||||||
| </div> | ||||||
|
|
||||||
| <button class="login_btn">로그인</button> | ||||||
| </div> | ||||||
| <div class="social"> | ||||||
| <div class="social_login"> | ||||||
|
|
||||||
| <div class="social_icon"> | ||||||
| <a href="https://www.google.com/"> | ||||||
| <img src="images/social/google-logo.png" alt="구글 로그인" width="42"></a></div> | ||||||
|
|
||||||
| <div class="social_icon"> | ||||||
| <a href="http://www.kakaocorp.com/page/"> | ||||||
| <img src="images/social/kakao-logo.png" alt="카카오 로그인" width="42"></a></div> | ||||||
| </div> | ||||||
| </div> | ||||||
| <div class="signup"> | ||||||
| 판다마켓에 처음이신가요? <a href="signup.html">회원가입</a> | ||||||
| </div> | ||||||
| </div> | ||||||
|
|
||||||
| </body> | ||||||
| </html> | ||||||
This file contains hidden or 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="ko"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>판다마켓_회원가입</title> | ||
| <link rel="icon" href="images/logo/favicon.ico"> | ||
| <link rel="stylesheet" as="style" crossorigin="" href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css"> | ||
| <link rel="stylesheet" href="style_2.css"> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <div class="logo_container"> | ||
| <a href="/"><img src="images/logo/logo.svg" width="396"></a> | ||
| </div> | ||
|
|
||
| <form method="info"> | ||
| <div class="info_box"> | ||
| <label for="email">이메일</label> | ||
| <input id="email" type="email" placeholder="이메일을 입력해주세요" required> | ||
| </div> | ||
| <div class="info_box"> | ||
| <label for="nickname">닉네임</label> | ||
| <input id="nickname" type="text" placeholder="닉네임을 입력해 주세요" required> | ||
| </div> | ||
| <div class="info_box"> | ||
| <label for="password">비밀번호</label> | ||
| <div class="input-wrapper"> | ||
| <input id="password" name="password" type="password" placeholder="비밀번호를 입력해 주세요"> | ||
| <img src="images/icons/eye-invisible.svg" alt="비밀번호 숨김" class="toggle-password"> | ||
| </div> | ||
| <div class="input-item"> | ||
| <label for="passwordConfirmation">비밀번호 확인</label> | ||
| <div class="input-wrapper"> | ||
| <input id="passwordConfirmation" name="passwordConfirmation" type="password" placeholder="비밀번호를 다시 한 번 입력해 주세요"> | ||
| <img src="images/icons/eye-invisible.svg" alt="비밀번호 숨김" class="toggle-password"> | ||
| </div> | ||
| </div> | ||
| <button type="submit" class="submit_button pill_button full_width">회원가입</button> | ||
| </div> | ||
| </form> | ||
|
|
||
| <div class="social_login"> | ||
| <h3>간편 로그인하기</h3> | ||
| <div class="social_login_container"> | ||
| <a href="https://www.google.com/" target="_blank"><img src="images/social/google-logo.png" alt="구글 로그인" width="42"></a> | ||
| <a href="https://www.kakaocorp.com/page/" target="_blank"><img src="images/social/kakao-logo.png" alt="카카오톡 로그인" width="42"></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="member"> | ||
| 이미 회원이신가요? <a href="signin.html">로그인</a> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.
Oops, something went wrong.
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.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
❗️ 수정요청
코드 및 콘솔의 "Live reload enabled"라는 내용을 보면 저장시 hot refresh 를 하기 위한 코드인가봐요.
다만 이는 개발중 필요한 코드로 실제 파일에는 포함될 필요가 없는 내용으로 판단됩니다~
필요하다고 생각된다면 어떤 코드인지 주석을 다시는 것을 추천드리고 그보다는 지우시는 것을 추천드릴께요!