diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..1cc333b
Binary files /dev/null and b/.DS_Store differ
diff --git a/README.md b/README.md
index 99b72d9..cde2cb1 100644
--- a/README.md
+++ b/README.md
@@ -1,50 +1,52 @@
-# ๐ผ ํ๋ค๋ง์ผ ํ๋ก์ ํธ
+# ๐ [ํ๋ค๋ง์ผ ์นํ์ด์ง(์คํ๋ฆฐํธ ๋ฏธ์
)]
-> _์ด ์ ์ฅ์๋ ํ๋ค๋ง์ผ ํ๋ก์ ํธ์ ํ๋ก ํธ์๋ ์ฝ๋๋ฅผ ๊ด๋ฆฌํ๋ ๊ณณ์
๋๋ค. ํ๋ก์ ํธ๋ฅผ ํด๋ก ํ์ฌ ๊ฐ๋ฐ ํ๊ฒฝ์ ์ค์ ํ๊ณ , ๊ฐ ๋ธ๋์น์์ ํด๋น ์คํ๋ฆฐํธ ๋ฏธ์
์ ์ํํด ์ฃผ์ธ์!_ ๐ ๏ธ
+
+
+**ํ ์ค ์๊ฐ**: ๊ฑฐ๋์ฌ์ดํธ "ํ๋ค๋ง์ผ"์ ์นํ์ด์ง๋ฅผ ๋ง๋ญ๋๋ค.
-## ์๊ฐ
+
-์๋
ํ์ธ์! ํ๋ค๋ง์ผ ํ๋ก์ ํธ์ ์ค์ ๊ฒ์ ํ์ํฉ๋๋ค! ๐ฅณ
-ํ๋ค๋ง์ผ์ ๋ฐ๋ปํ ์ค๊ณ ๊ฑฐ๋๋ฅผ ์ํ ์ปค๋ฎค๋ํฐ ํ๋ซํผ์ด์์. ์ฌ๋ฌ๋ถ์ ์ด๊ณณ์์ ์ํ์ ๋ฑ๋กํ๊ณ , ๋ค๋ฅธ ์ฌ์ฉ์๋ค๊ณผ ์ํตํ๋ฉฐ, ์์ ๋กญ๊ฒ ์ด์ผ๊ธฐ๋ฅผ ๋๋ ์ ์์ด์. ๋งค์ฃผ ์คํ๋ฆฐํธ ๋ฏธ์
์ ํตํด ๊ธฐ๋ฅ์ ํ๋์ฉ ๋ง๋ค์ด ๊ฐ๋ฉฐ ์ฑ์ฅํด ๋๊ฐ๋ ์ฌ์ ์ ํจ๊ปํด์. ๐
+
+## ๐ ๋ฐฐํฌ ๋งํฌ (v2.2.1)
+๐ [์น์ฌ์ดํธ ๋ณด๋ฌ๊ฐ๊ธฐ](https://sprint-project-min.netlify.app/)
-
-_์ ์ด๋ฏธ์ง๋ ํ๋ค๋ง์ผ์ ๋ํ ์ด๋ฏธ์ง์
๋๋ค._ ๐ธ
+
-## ์คํ๋ฆฐํธ ๋ฏธ์
์ด๋? ๐ค
+## ๐ก ํ๋ก์ ํธ ์๊ฐ (Description)
+**์ด๋ค ์น์ฌ์ดํธ์ธ๊ฐ์?**
+์ด ํ๋ก์ ํธ๋ ์น ๊ฐ๋ฐ ํ์ต์ ์ํด ์ ์๋์์ต๋๋ค. ์คํ๋ฆฐํธ ๊ณผ์ ๋ฅผ ์ํํ๋ฉฐ ์ฝ๋ฉ์ค๋ ฅ์ ํฅ์์ํค๋๋ฐ ๋์์ด ๋ ๊ฒ์
๋๋ค. ```VS code, Git, Figma``` ๋ฑ ๋ค์ํ ๋๊ตฌ์ ```netfliy``` ๋ฑ์ ์ฌ์ดํธ๋ฅผ ํตํด ์ฝ๋์์ฑ, ๋์์ธ, ๊ณต์ ๋ฐ ๋ฐฐํฌ์ ๊ณผ์ ์ ์ตํ ๊ฒ์
๋๋ค. ์ด๋ฐ์๋ ```html/ css/ javascript``` ๋ฑ์ ๊ฐ๋ฐ์ ํ์ํ ๊ธฐ๋ณธ ์คํ์ ์ตํ๋ฉฐ ๋์ค์๋ ```react/ express``` ๋ฑ์ ๋ฐฐ์ฐ๊ณ ํ์ฉํ ๊ฒ์
๋๋ค.
-์คํ๋ฆฐํธ ๋ฏธ์
์ **ํ๋์ ๊ฐ์ธ ํ๋ก์ ํธ๋ฅผ ๊ธธ๊ฒ ์งํํ๋ฉด์, ๊ทธ ๊ณผ์ ์์ ์ฃผ๊ธฐ์ ์ผ๋ก ํผ๋๋ฐฑ์ ๋ฐ์ ์ ์๋ ์์คํ
**์ด์์. ๊ฐ ์คํ๋ฆฐํธ๋ง๋ค ๋ฐฐ์ด ์ด๋ก ์ ์ ์ฉํด ๋ณด๊ณ , **๋ฉํ ๋๊ป ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ์๊ฐ๋ฉฐ ์ค๋ ฅ์ ์ฅ์ฅ ํค์๊ฐ ์ ์๋ ์ค์ํ ๊ฐ์ธ ๊ณผ์ **๋๋๋ค. ๐ช
+**๊ฐ๋ฐ ๊ธฐ๊ฐ**
+* 2025.12.01 ~ ๊ฒ์
-## ์ฃผ์ ๊ธฐ๋ฅ โจ
+
-1. **์ํ ๋ฑ๋ก**: ๋ด๊ฐ ๊ฐ์ง ๋ฌผ๊ฑด์ ์ฌ๋ฆฌ๊ณ , ์ฌ์ง๊ณผ ์ค๋ช
์ ์ถ๊ฐํด ์ง์ ํ๋งคํ ์ ์์ด์!
-2. **๋ฌธ์ ๋๊ธ**: ์ํ์ ๋ํ ๊ถ๊ธํ ์ ์ด๋ ์๊ฒฌ์ ์์ ๋กญ๊ฒ ๋จ๊ธธ ์ ์๋ต๋๋ค. ๐
-3. **์์ ๊ฒ์ํ**: ๋ค์ํ ์ฃผ์ ๋ก ์น๊ตฌ๋ค๊ณผ ์ด์ผ๊ธฐ๋ฅผ ๋๋๊ณ , ์ ๋ณด๋ฅผ ๊ณต์ ํ ์ ์๋ ๊ณต๊ฐ์ด์์! ๐ฃ๏ธ
+## ๐ ๊ธฐ์ ์คํ (Tech Stack)
-## ํ๋ก์ ํธ ๋ธ๋์น ๊ตฌ์กฐ ๐๏ธ
+| ๋ถ๋ฅ | ๊ธฐ์ |
+| :-- | :-- |
+| **Frontend** |   |
+| **Backend** |  |
+| **Styling** ||
+| **Tools** |  |
-ํ๋ก์ ํธ๋ ๋จ๊ณ๋ณ๋ก ๋๋์ด ์๊ณ , ๊ฐ ์คํ๋ฆฐํธ ๋ฏธ์
์ ๋ง๋ ๋ธ๋์น๊ฐ ์์ด์. ๊ฐ ๋ธ๋์น๋ฅผ ํตํด ์ฒด๊ณ์ ์ผ๋ก ๊ฐ๋ฐํ๋ฉฐ ํ์ตํ ์ ์์ด์. ๐ฏ
+
-### ๋ธ๋์น ์ค๋ช
+## โจ ์ฃผ์ ๊ธฐ๋ฅ (Key Features)
+* โ
**๊ธฐ๋ฅ 1**: ๊ฐ ํ์ด์ง ์์ฑ ๋ฐ ๋์์ธ
+* โ
**๊ธฐ๋ฅ 2**: ๋งํฌ๋ฅผ ํตํ ํ์ด์ง ์ฐ๊ฒฐ
+* โ
**๊ธฐ๋ฅ 3**: github๋ฅผ ํ์ฉํ ๊ณต์
-1. **basic (part1): ์คํ๋ฆฐํธ ๋ฏธ์
1 ~ 4 FE ์๊ตฌ์ฌํญ**
+
- - ๊ธฐ๋ณธ์ ์ธ ์น ์ ํ๋ฆฌ์ผ์ด์
๊ธฐ๋ฅ ๊ตฌํ์ ์ํ ์ด๊ธฐ ๋ธ๋์น์
๋๋ค. HTML, CSS, JavaScript ๋ฑ์ ์ฌ์ฉํด ๊ธฐ๋ณธ์ ๋ค์ง๋๋ค.
- - **์คํ๋ฆฐํธ ๋ฏธ์
1๋ถํฐ 4๊น์ง**์ ํ๋ก ํธ์๋ ๋ด์ฉ์ ํฌํจํ๊ณ ์์ด์.
+## ๐ธ ์คํฌ๋ฆฐ์ท (Screenshots)
+| ๋ฉ์ธ ํ๋ฉด | ๊ธฐ๋ฅ ํ๋ฉด |
+| :--: | :--: |
+|  |  |
+
-2. **react (part2): ์คํ๋ฆฐํธ ๋ฏธ์
5 ~ 7 FE ์๊ตฌ์ฌํญ**
+## ๐ป ์คํ ๋ฐฉ๋ฒ (Installation)
+์ด ํ๋ก์ ํธ๋ฅผ ๋ก์ปฌ ์ปดํจํฐ์์ ์คํํ๋ ค๋ฉด ํฐ๋ฏธ๋์ ์๋ ๋ช
๋ น์ด๋ฅผ ์
๋ ฅํ์ธ์.
- - React ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํด ํ๋ก ํธ์๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๋ธ๋์น์
๋๋ค. ์ปดํฌ๋ํธ ๊ธฐ๋ฐ ์ํคํ
์ฒ์ ์ํ ๊ด๋ฆฌ๋ฅผ ๋ฐฐ์๋๋ค.
- - **์คํ๋ฆฐํธ ๋ฏธ์
5๋ถํฐ 7๊น์ง, ๊ทธ ์ดํ**์ ํ๋ก ํธ์๋ ๋ด์ฉ์ ํฌํจํ๊ณ ์์ด์.
- - ๋ง์ฝ ์คํ๋ฆฐํธ ๋ฏธ์
9๋ถํฐ ํ๋ก ํธ์๋ ์ฝ๋๋ฅผ Next๊ฐ ์๋ React๋ก ๊ตฌํํ๊ณ ์ถ๋ค๋ฉด react ๋ธ๋์น๋ฅผ ์ฌ์ฉํด์.
-
-3. **next (part3,4): ์คํ๋ฆฐํธ ๋ฏธ์
8 FE ์๊ตฌ์ฌํญ~**
-
- - Next.js๋ฅผ ์ฌ์ฉํด ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง(SSR)๊ณผ ์ ์ ์ฌ์ดํธ ์์ฑ(SSG) ๋ฑ ๊ณ ๊ธ ๊ธฐ๋ฅ์ ๊ตฌํํฉ๋๋ค.
- - **์คํ๋ฆฐํธ ๋ฏธ์
8๋ถํฐ** ์์ํ๋ ํ๋ก ํธ์๋ ๋ด์ฉ์ ํฌํจํ๊ณ ์์ด์.
- - ๋ง์ฝ ์คํ๋ฆฐํธ ๋ฏธ์
9๋ถํฐ ํ๋ก ํธ์๋ ์ฝ๋๋ฅผ React๊ฐ ์๋ Next๋ก ๊ตฌํํ๊ณ ์ถ๋ค๋ฉด next ๋ธ๋์น๋ฅผ ์ฌ์ฉํด์.
-
-> _์คํ๋ฆฐํธ ๋ฏธ์
๋ด ๋ฐฑ์๋ ์๊ตฌ์ฌํญ์ [๋ฐฑ์๋ ๋ ํฌ์งํ ๋ฆฌ](https://github.com/codeit-sprint-fullstack/11-sprint-mission-be)์ ๋ธ๋์น์์ ๊ด๋ฆฌํด์ฃผ์ธ์_
-
----
-
-๋ณธ ํ๋ก์ ํธ๋ [์ฝ๋์](https://www.codeit.kr)์ ์์ ์ด๋ฉฐ, ๊ต์ก ๋ชฉ์ ์ผ๋ก๋ง ์ฌ์ฉ๋ฉ๋๋ค. ยฉ 2025 Codeit. All rights reserved.
+```bash
+git clone https://github.com/alstjddl0513-sys/11-sprint-mission-fe.git
diff --git a/css/login.css b/css/login.css
new file mode 100644
index 0000000..d9ec8b8
--- /dev/null
+++ b/css/login.css
@@ -0,0 +1,127 @@
+* {
+ box-sizing: border-box;
+}
+
+:root {
+ --primary-100: #3692ff;
+ --cool-gray-100: #f3f4f6;
+ --secondry-800: #1f2937;
+}
+
+html {
+ font-size: 62.5%;
+}
+
+body {
+ font-family: 'pretendard', sans-serif;
+ font-style: normal;
+ white-space: nowrap;
+ display: flex;
+ width: 100%;
+ padding: 23.1rem 64rem 28.4rem;
+ justify-content: center;
+ align-items: center;
+}
+
+body#signup_page {
+ padding: 0.6rem 64rem 17.8rem;
+}
+
+main {
+ display: flex;
+ width: 64rem;
+ flex-direction: column;
+ align-items: center;
+ flex-shrink: 0;
+}
+
+a #logo {
+ width: 39.6rem;
+ height: 13.2rem;
+ margin-bottom: 4rem;
+}
+
+.forms,
+form {
+ display: flex;
+ flex-direction: column;
+ gap: 2.4rem;
+ width: 100%;
+}
+
+.inputs input {
+ width: 100%;
+ margin-top: 1.6rem;
+ padding: 1.6rem 2.4rem;
+ border: 0rem;
+ border-radius: 1.2rem;
+ background-color: var(--cool-gray-100);
+}
+
+.inputs label {
+ color: var(--secondry-800);
+ font-size: 1.8rem;
+ font-weight: 700;
+ line-height: 2.6rem;
+}
+
+input:focus {
+ border: 0.1rem solid var(--primary-100);
+}
+
+.login-button {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 5.6rem;
+ padding: 1.6rem 12.4rem;
+ border-radius: 4rem;
+ background-color: #9ca3af;
+ color: var(--cool-gray-100);
+ font-size: 2rem;
+ font-weight: 600;
+ line-height: 3.2rem;
+ cursor: pointer;
+}
+
+.login-button:hover {
+ background-color: var(--primary-100);
+}
+
+h1 {
+ color: var(--secondry-800);
+ font-size: 1.6rem;
+ font-weight: 500;
+ line-height: 2.6rem;
+}
+
+.easy-login {
+ width: 100%;
+ padding: 1.6rem 2.3rem;
+ margin: 2.4rem 0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-radius: 0.8rem;
+ background-color: #e6f2ff;
+}
+
+.icons {
+ display: flex;
+ gap: 1.6rem;
+}
+
+.signup {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 0.4rem;
+ color: var(--secondry-800);
+ font-size: 1.4rem;
+ font-weight: 500;
+ line-height: 2.4rem;
+}
+
+.signup a {
+ color: var(--primary-100);
+}
diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 0000000..45a05ec
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,129 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol,
+ul {
+ list-style: none;
+}
+blockquote,
+q {
+ quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: "";
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..82c2307
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,217 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ font-size: 62.5%;
+}
+
+body {
+ font-family: "pretendard", sans-serif;
+ font-style: normal;
+ width: 100%;
+ white-space: nowrap;
+}
+
+main {
+ background-color: #fcfcfc;
+ width: 100%;
+}
+
+a {
+ text-decoration: none;
+ cursor: pointer;
+}
+
+header {
+ padding: 0.9rem 20rem;
+ width: 100%;
+ height: 7rem;
+ border-bottom: 0.1rem solid #dfdfdf;
+ background-color: #ffffff;
+ position: sticky;
+ top: 0;
+}
+
+.container {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.button {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ background-color: #3692ff;
+ font-weight: 600;
+ gap: 1rem;
+}
+
+#login-button {
+ width: 12.8rem;
+ height: 4.8rem;
+ padding: 1.2rem 2.3rem;
+ border-radius: 0.8rem;
+ color: #f3f4f6;
+ font-size: 1.6rem;
+ line-height: 2.6rem;
+}
+
+#look-button {
+ width: 100%;
+ height: 5.6rem;
+ padding: 1.6rem 12.4rem;
+ border-radius: 4rem;
+ color: #f9fafb;
+ font-size: 2rem;
+ line-height: 3.2rem;
+}
+
+h1 {
+ color: #374151;
+ font-size: 4rem;
+ font-weight: 700;
+ line-height: 140%;
+}
+
+h1.sum {
+ letter-spacing: 0.08rem;
+}
+
+.feature {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 13.8rem 34.4rem;
+ background-color: #ffffff;
+}
+
+.content {
+ width: 98.8rem;
+ display: flex;
+ gap: 6.4rem;
+ justify-content: center;
+ align-items: center;
+}
+
+.section-img {
+ width: 58.8rem;
+ height: 44.4rem;
+ flex-shrink: 0;
+}
+
+.description {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 1.2rem;
+}
+
+.tag {
+ color: #3692ff;
+ font-size: 1.8rem;
+ font-weight: 700;
+ line-height: 2.6rem;
+}
+
+p {
+ margin-top: 1.2rem;
+ color: #374151;
+ font-size: 2.4rem;
+ font-weight: 500;
+ line-height: 3.2rem;
+}
+
+footer {
+ width: 100%;
+ height: 16rem;
+ padding: 3.2rem 20rem;
+ background-color: #111827;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+}
+
+.foot {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 1.6rem;
+ font-weight: 400;
+ text-align: center;
+}
+
+.foot a {
+ color: #e5e7eb;
+}
+
+.codeit-foot {
+ color: #9ca3af;
+}
+
+.footermenu {
+ display: flex;
+ align-items: flex-start;
+ gap: 3rem;
+}
+
+.social-site {
+ display: flex;
+ align-items: center;
+ width: 11.6rem;
+ gap: 1.2rem;
+}
+
+.imgs {
+ width: 74.6rem;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ display: flex;
+ flex-shrink: 0;
+}
+
+#img2.imgs {
+ height: 39.7rem;
+ background-image: url(/images/Img_home_bottom.svg);
+}
+
+#img1.imgs {
+ height: 34rem;
+ background-image: url(/images/Img_home_top.svg);
+}
+
+.cont {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+#bottom .cont {
+ gap: 6.9rem;
+}
+
+#top .cont {
+ gap: 0.7rem;
+}
+
+.banner {
+ display: flex;
+ flex-direction: column;
+ gap: 3.2rem;
+ padding-bottom: 6rem;
+}
+
+#bottom.banners {
+ margin-top: 13.8rem;
+}
+
+.banners {
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ height: 54rem;
+ background-color: #cfe5ff;
+}
\ No newline at end of file
diff --git a/faq.html b/faq.html
new file mode 100644
index 0000000..7f45731
--- /dev/null
+++ b/faq.html
@@ -0,0 +1,19 @@
+
+
+
+
+ ํ๋ค๋ง์ผ-FAQ
+
+
+
+
+
+
+ ํ๋ค๋ง์ผ-FAQ
+
+
diff --git a/images/.DS_Store b/images/.DS_Store
new file mode 100644
index 0000000..f4c674f
Binary files /dev/null and b/images/.DS_Store differ
diff --git a/images/Group 19.svg b/images/Group 19.svg
new file mode 100644
index 0000000..31c250d
--- /dev/null
+++ b/images/Group 19.svg
@@ -0,0 +1,15 @@
+
diff --git a/images/Img_home_01.svg b/images/Img_home_01.svg
new file mode 100644
index 0000000..eb3c5ea
--- /dev/null
+++ b/images/Img_home_01.svg
@@ -0,0 +1,67 @@
+
diff --git a/images/Img_home_02.svg b/images/Img_home_02.svg
new file mode 100644
index 0000000..eed41b9
--- /dev/null
+++ b/images/Img_home_02.svg
@@ -0,0 +1,23 @@
+
diff --git a/images/Img_home_03.svg b/images/Img_home_03.svg
new file mode 100644
index 0000000..faa6979
--- /dev/null
+++ b/images/Img_home_03.svg
@@ -0,0 +1,53 @@
+
diff --git a/images/Img_home_bottom.svg b/images/Img_home_bottom.svg
new file mode 100644
index 0000000..e44de5d
--- /dev/null
+++ b/images/Img_home_bottom.svg
@@ -0,0 +1,111 @@
+
diff --git a/images/Img_home_top.svg b/images/Img_home_top.svg
new file mode 100644
index 0000000..1cb74f2
--- /dev/null
+++ b/images/Img_home_top.svg
@@ -0,0 +1,78 @@
+
diff --git a/images/favicon.ico b/images/favicon.ico
new file mode 100644
index 0000000..9fecc69
Binary files /dev/null and b/images/favicon.ico differ
diff --git a/images/icon/btn_visibility_off_24px.svg b/images/icon/btn_visibility_off_24px.svg
new file mode 100644
index 0000000..d3076d6
--- /dev/null
+++ b/images/icon/btn_visibility_off_24px.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/icon/facebook.svg b/images/icon/facebook.svg
new file mode 100644
index 0000000..e95500b
--- /dev/null
+++ b/images/icon/facebook.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/icon/google.svg b/images/icon/google.svg
new file mode 100644
index 0000000..72a799c
--- /dev/null
+++ b/images/icon/google.svg
@@ -0,0 +1,10 @@
+
diff --git a/images/icon/ic_instagram.svg b/images/icon/ic_instagram.svg
new file mode 100644
index 0000000..c83306f
--- /dev/null
+++ b/images/icon/ic_instagram.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/icon/ic_twitter.svg b/images/icon/ic_twitter.svg
new file mode 100644
index 0000000..14a6069
--- /dev/null
+++ b/images/icon/ic_twitter.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/icon/kakaotalk.svg b/images/icon/kakaotalk.svg
new file mode 100644
index 0000000..e546fa5
--- /dev/null
+++ b/images/icon/kakaotalk.svg
@@ -0,0 +1,12 @@
+
diff --git a/images/icon/youtube.svg b/images/icon/youtube.svg
new file mode 100644
index 0000000..3fea6e2
--- /dev/null
+++ b/images/icon/youtube.svg
@@ -0,0 +1,3 @@
+
diff --git "a/images/screenshots/\354\212\244\355\201\254\353\246\260\354\203\267 2025-12-05 \354\230\244\355\233\204 1.15.37.png" "b/images/screenshots/\354\212\244\355\201\254\353\246\260\354\203\267 2025-12-05 \354\230\244\355\233\204 1.15.37.png"
new file mode 100644
index 0000000..6ad26bb
Binary files /dev/null and "b/images/screenshots/\354\212\244\355\201\254\353\246\260\354\203\267 2025-12-05 \354\230\244\355\233\204 1.15.37.png" differ
diff --git "a/images/screenshots/\354\212\244\355\201\254\353\246\260\354\203\267 2025-12-05 \354\230\244\355\233\204 1.16.00.png" "b/images/screenshots/\354\212\244\355\201\254\353\246\260\354\203\267 2025-12-05 \354\230\244\355\233\204 1.16.00.png"
new file mode 100644
index 0000000..17198fa
Binary files /dev/null and "b/images/screenshots/\354\212\244\355\201\254\353\246\260\354\203\267 2025-12-05 \354\230\244\355\233\204 1.16.00.png" differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..acbc04f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,167 @@
+
+
+
+
+ ํ๋ค๋ง์ผ
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
Hot item
+
+ ์ธ๊ธฐ ์ํ์
+
+ ํ์ธํด ๋ณด์ธ์
+
+
+ ๊ฐ์ฅ HOTํ ์ค๊ณ ๊ฑฐ๋ ๋ฌผํ์
+
+ ํ ๋ง์ผ์์ ํ์ธํด ๋ณด์ธ์
+
+
+
+
+
+
+
+
+
Search
+
+ ๊ตฌ๋งค๋ฅผ ์ํ๋
+
+ ์ํ์ ๊ฒ์ํ์ธ์
+
+
+ ๊ตฌ๋งคํ๊ณ ์ถ์ ๋ฌผํ์ ๊ฒ์ํด์
+
+ ์ฝ๊ฒ ์ฐพ์๋ณด์ธ์
+
+
+

+
+
+
+
+
+

+
+
register
+
+ ํ๋งค๋ฅผ ์ํ๋
+
+ ์ํ์ ๋ฑ๋กํ์ธ์
+
+
+ ์ด๋ค ๋ฌผ๊ฑด์ด๋ ํ๋งคํ๊ณ ์ถ์ ์ํ์
+
+ ์ฝ๊ฒ ๋ฑ๋กํ์ธ์
+
+
+
+
+
+
+
+
+ ๋ฏฟ์ ์ ์๋
+
+ ํ๋ค๋ง์ผ ์ค๊ณ ๊ฑฐ๋
+
+
+
+
+
+
+
+
+
diff --git a/items.html b/items.html
new file mode 100644
index 0000000..b4b0eac
--- /dev/null
+++ b/items.html
@@ -0,0 +1,19 @@
+
+
+
+
+ ํ๋ค๋ง์ผ-ITEMS
+
+
+
+
+
+
+ ํ๋ค๋ง์ผ-ITEMS
+
+
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..c2d4a41
--- /dev/null
+++ b/login.html
@@ -0,0 +1,72 @@
+
+
+
+
+ ํ๋ค๋ง์ผ-LOGIN
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
๊ฐํธ ๋ก๊ทธ์ธํ๊ธฐ
+
+
+
+
+
+
+
diff --git a/privacy.html b/privacy.html
new file mode 100644
index 0000000..56425db
--- /dev/null
+++ b/privacy.html
@@ -0,0 +1,19 @@
+
+
+
+
+ ํ๋ค๋ง์ผ-PRIVACY
+
+
+
+
+
+
+ ํ๋ค๋ง์ผ-PRIVACY
+
+
diff --git a/signup.html b/signup.html
new file mode 100644
index 0000000..f8c3138
--- /dev/null
+++ b/signup.html
@@ -0,0 +1,93 @@
+
+
+
+
+ ํ๋ค๋ง์ผ-SIGNUP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
๊ฐํธ ๋ก๊ทธ์ธํ๊ธฐ
+
+
+
+
+
+
+