AJOU-BEGINNER · D-w-nJ · Apr 6, 2022 · May 1, 2022 · May 2, 2022 · May 3, 2022
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+/node_modules
diff --git a/Icon.png b/Icon.png
diff --git a/README.md b/README.md
@@ -1,65 +1,18 @@
-# 22-01-Do-It-Project1
-2022년도 1학기 아주대학교 중앙동아리 Do-It 에서 진행하는 FE - 초급  스터디 관리 레포입니다.
+22-01-Do-It-Beginner-Project1
 
-# 🤗 Welcome !! AJOU BEGINNER
+참여자 정두원 프로젝트 결과
 
-<div align=center>
+깃허브 주소 : D-w-nJ
+fe-4조 회의내용
+https://www.notion.so/57c2a5d706cd4672a3c845e85bbd4a88?v=df1ae8d2252147dc9c9ed7bc2dfa8334
 
-[![CONTRIBUTORS](https://img.shields.io/badge/contributors-30-green.svg?style=flat-square)](https://github.com/AJOU-BEGINNER/P-1)
+1. 메인페이지 ![image](https://user-images.githubusercontent.com/96522218/173294850-298f4bd9-cad1-4542-9ea0-30d9382ab61a.png)
 
-<a href="https://github.com/AJOU-BEGINNER/22-01-Do-It-Beginner-Project1/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=AJOU-BEGINNER/22-01-Do-It-Beginner-Project1" />
-</a>
+2. frame2(헤더 왼쪽 버튼을 누르면 화면 왼쪽에 게시판 목록이 나타남, 여러 게시판으로 이동될 때마다 사라진다.)![image](https://user-images.githubusercontent.com/96522218/173295087-87cb2f20-0d6e-450e-8a37-ba3b5f3f9168.png)
 
-</div>
+3. 글생성페이지(등록하기 버튼을 누르면 글생성 페이지로 넘어가며 /posting 로 url이 변경됨, 이때 뒤로가기를 누르면 또다시 url이 변경되며 전페이지로 변경됨)![image](https://user-images.githubusercontent.com/96522218/173295635-3041430c-2dc4-4048-bf7f-81e09c9c823e.png)
 
-## 🧑🏻‍💻 Introduce
+4. 로그인페이지(헤더의 Log In 버튼을 누르면 url이 변경되며 로그인 페이지로 이동된다. 이때 뒤로가기를 누르면 이전 페이지로 url이 변경되며 화면이 렌더링 된다.)![image](https://user-images.githubusercontent.com/96522218/173296131-ea68786d-f878-4e94-82fe-21b9766ab7c0.png)
 
-안녕하세요, 소프트웨어학과 16학번 **[jin-Pro](https://github.com/jin-Pro)** 입니다. <br/>
-아주대학교 학생들을 위한 웹 풀스택 스터디입니다. <br/>
-22년 1학기 총 40명의 학생들이 참여하였으며 <br/>
-총 1학기간 1번의 프로젝트가 진행됩니다. <br/>
-모두 무난하게 수료하시길 기원합니다. <br/>
-화이팅!! 👍
-
----
-
-## 🔥 Goal
-
-우리는 FE - 초급 스터디를 통해
-
-- 웹 동작 흐름
-- HTTP 통신
-- JavaScript를 통한 DOM 동작 방법
-- SPA , MPA
-
-학습을 하여 성장할 계획입니다! 🔥 🔥
-
----
-
-## 🎸 기타
-
-혹시 저희 스터디를 관리하는 [저장소](https://github.com/AJOU-BEGINNER/22-01-Do-It-Beginner-Project1)로 인하여 <br/>
-문제 발생시 [연락망](https://velog.io/@jinpro)으로 연락 주시면 감사하겠습니다. <br/>
-저장소를 찾아주셔서 감사합니다. 🙇🏻 <br/>
-
----
-
-## 참고
-
-- [디자인 및 기획서](https://www.figma.com/file/FMcTfiuDucOpEs2j6fh3XL/2022-Ajou-Beginner-Project-1-1?node-id=0%3A1)
-
-- [Figma 사용법](https://slash-amaranthus-65c.notion.site/Figma-c1dead5d929d44498e94641f8058e10d)
-
-- [프로젝트 조건](https://luxuriant-oboe-e56.notion.site/Project-1-b6b267051f0e47b8ae4f295e6a457a74)
-
-- [Git 사용법](https://github.com/code-squad/codesquad-docs/blob/master/codereview/README.md)
-
----
-
-## 스터디 순서
-
-1. Git 사용법을 참고하여 repo를 clone 받습니다.
-2. Figma 사용법을 확인하여 기획서를 확인합니다.
-3. 디자인 및 기획서를 보고 학습 계획 및 개발 계획을 세웁니다.
-4. 프로젝트 조건을 따르면서 학습 및 개발을 진행합니다.
+5. 게시판 목록에서 다른 게시판 이름을 클릭하면 해당 게시판 목록으로 이동되며, 게시물의 내용과 url 모두 바뀐다)![image](https://user-images.githubusercontent.com/96522218/173296301-c092436e-510d-4ad2-aeee-4c8ac2495b57.png)![image](https://user-images.githubusercontent.com/96522218/173296359-be7867d7-a420-4255-8d79-291c03bd0623.png)![image](https://user-images.githubusercontent.com/96522218/173296418-e3410017-ad63-43a0-8a2a-35de15a4135d.png)
+![image](https://user-images.githubusercontent.com/96522218/173296476-1e0c2169-b3e3-43c3-a2dd-79da6b70397c.png)
diff --git a/frontend/index.html b/frontend/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="/static/css/style.css" />
+    <title>Project1</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="/static/js/app.js" type="module"></script>
+  </body>
+</html>