codeit-sprint-fullstack · dolby527 · Dec 3, 2025 · Dec 5, 2025 · Dec 6, 2025 · Dec 12, 2025
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -43,8 +43,46 @@ _위 이미지는 판다마켓의 대표 이미지입니다._ 📸
    - **스프린트 미션 8부터** 시작하는 프론트엔드 내용을 포함하고 있어요.
    - 만약 스프린트 미션 9부터 프론트엔드 코드를 React가 아닌 Next로 구현하고 싶다면 next 브랜치를 사용해요.
 
-> _스프린트 미션 내 백엔드 요구사항은 [백엔드 레포지토리](https://github.com/codeit-sprint-fullstack/11-sprint-mission-be)의 브랜치에서 관리해주세요_
-
----
-
-본 프로젝트는 [코드잇](https://www.codeit.kr)의 소유이며, 교육 목적으로만 사용됩니다. © 2025 Codeit. All rights reserved.
+[참조사이트]: http://fs11-swlee.netlify.app
+
+
+## FS11기 이석우 진행자료 공유
+### sprint1 
+- 최초화면이 Open Layout을 구성함(모범답안 참조) 
+### sprint2 과정 내용을 HTML/CSS로 구성함
+- 로그인창과 회원가입 Layout을 별도 구성함
+- 로그인창과 회원가입 로직은 아직 반영되지 않았음
+
+### 강사님께 전하는 글
+- 멘토님 꼼꼼한 PR 감사드립니다.
+- PR 반영하여 변경한 사항 (2025-12-12)
+  1) 닉네임 입력 필드의 name 속성이 email이 되도록 하고, id 및 name도 email로 변경
+  2) Label 연결 잘못된 문장 수정
+  3) 뛰어쓰기 반영
+  4) 인라인 스타일 제거
+  5) CSS 오타 수정
+
+### sprint3 과정 내용 반영
+## FS 스프린트 미션3(V2) & 미션3(old버전에서 로그인 페이지 요청내용 일부)
+    (1) 아래 기능을 알려준 메서드 사용하여 구현
+      - getArticleList() : GET  
+      - getArticle() : GET
+      - createArticle() : POSTgit
+      - patchArticle() : PATCH 
+      - deleteArticle() : DELETE 
+      * fetch 사용 에러 메시지 콘솔 출력
+      * .then() 이용 비동기 처리
+      * .catch() 이용 오류 처리
+
+     (2) ProductList(), product(),createProduct(), patchProduct(),deleteProuduct()도 
+         1과 동일하게 구현
+      * async/await 비동기 처리
+      * try/catch 이용 오류 처리
+
+     (3)구현한 함수들을 아래와 같이 파일 분리
+      * export 활용
+      * ProductService.js 파일 Product API 관련 함수들을 작성
+      * ArticleService.js 파일에 Article API 관련 함수들을 작성
+      * 이외의 코드들은 모두 main.js 파일에 작성
+      * import를 활용
+      * 각 함수를 실행하는 코드를 작성하고, 제대로 동작하는지 확인
diff --git a/faq.html b/faq.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>판매마켓 - FAQ</title>
+    <link rel="icon" type="image/logo/fabicon.ico" />
+
+    <link rel="stylesheet" href="/styles/reset.css" />
+    <link rel="stylesheet" href="/styles/global.css" />
+    <link rel="stylesheet" href="/styles/home.css" />
+  </head>
+  <body>
+    <h1>임시 FAQ 페이지입니다</h1>
+  </body>
+</html>
diff --git a/images/.DS_Store b/images/.DS_Store
diff --git a/images/home/.DS_Store b/images/home/.DS_Store
diff --git a/images/home/bottom-banner-image.png b/images/home/bottom-banner-image.png
diff --git a/images/home/eye-off-icon.svg b/images/home/eye-off-icon.svg
diff --git a/images/home/eye-on-icon.svg b/images/home/eye-on-icon.svg
diff --git a/images/home/feature1-image.png b/images/home/feature1-image.png
diff --git a/images/home/feature2-image.png b/images/home/feature2-image.png
diff --git a/images/home/feature3-image.png b/images/home/feature3-image.png
diff --git a/images/home/hero-image.png b/images/home/hero-image.png
diff --git a/images/logo/favicon.ico b/images/logo/favicon.ico
diff --git a/images/logo/panda-market-logo.png b/images/logo/panda-market-logo.png
diff --git a/images/social/.DS_Store b/images/social/.DS_Store
diff --git a/images/social/facebook-logo.svg b/images/social/facebook-logo.svg
diff --git a/images/social/google-logo.svg b/images/social/google-logo.svg
diff --git a/images/social/instagram-logo.svg b/images/social/instagram-logo.svg
diff --git a/images/social/kakao-talk-log.png b/images/social/kakao-talk-log.png
diff --git a/images/social/twitter-logo.svg b/images/social/twitter-logo.svg
diff --git a/images/social/youtube-logo.svg b/images/social/youtube-logo.svg
diff --git a/index.html b/index.html
@@ -0,0 +1,99 @@
+<!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="stylesheet" href="/styles/reset.css">    
+
+    <link rel="stylesheet" href="/styles/global.css">
+    <link rel="stylesheet" href="/styles/home.css">
+  </head>
+
+  <body>
+    <header>
+      <a href="/"><img src="images/logo/panda-market-logo.png"  alt="판다마켓홈" id="logoImage"width="153"></a>  
+      <a href="/login.html" id="loginLinkButton" class="button">로그인</a>
+    </header>      
+    <main>
+      <section id="hero" class="banner">
+       <div class="wrapper">
+        <h1>
+          일상의 모든 물건을 <br/>
+          거래해 보세요
+        </h1>
+        <a href="items.html" class="button pill-button">구경하러가기</a> 
+       </div>
+      </section>
+
+      <section id="features" class ="wrapper">
+        <div class="feature">
+          <img src="images/home/feature1-image.png" alt="인기상품" width="50%"/>
+          <div class="feature-content">
+            <h2 class="feature-tag">Hot item</h2>
+            <h1>인기 상품을<br/>확인해 보세요</h1>
+            <p class="feature-description">가장 HOT한 중고거래 물품을 <br/>판다마켓에서 확인해 보세요</p>
+          </div>
+        </div>
+
+        <div class="feature">
+          <div class="feature-content">
+            <h2 class="feature-tag">Search</h2>
+            <h1>구매를 원하는<br/>상품을 검색하세요</h1>
+            <p class="feature-description">구매하고 싶은 물품은 검색해서<br/>쉽게 찾아보세요</p>
+          </div>
+          <img src="images/home/feature2-image.png" alt="검색기능" width="50%"/>
+
+        </div>
+        <div class="feature">
+          <img src="images/home/feature3-image.png" alt="판매 상품 등록" width="50%"/>
+          <div class="feature-content">
+            <h2 class="feature-tag">Register</h2>
+            <h1>판매를 원하는<br/>상품을 등록하세요</h1>
+            <p class="feature-description">어떤 물건이든 판매하고 싶은 상품을<br/>쉽게 등록하세요</p>
+          </div>
+        </div>
+      </section>
+
+      <section id="bottomBanner" class="banner">
+        <div class="wrapper">
+          <h1>믿을 수 있는<br />판다마켓 중고거래</h1>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <div>©codeit - 2024</div>
+      <div id="footerMenu"> 
+        <a href="privacy.html">Privacy Policy</a>
+        <a href="faq.html">FAQ</a>
+      </div> 
+      <div id="socialMedia">
+        <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>
+  </body>
+</html>