Update README.md

README.md

@@ -1,182 +1,30 @@
+# 이름
+<img src="https://github.com/onjeong721/Bworld/assets/150096277/ff58f83a-3c0f-494f-8269-f48d0ad5b31f" width="80%" height="auto"/>
 
-# KS벽지 디자인클론코딩
-<br>
+## 프로젝트 소개
+ * 사이트 주소
+ * 원본 사이트
+## 참여
+  | **김민정** |
+  | :------: |
+  | [<img src="https://avatars.githubusercontent.com/u/106502312?v=4" height=150 width=150> <br/> @onejong0721](https://github.com/yeon1615) |
 
-## 프로젝트 명
-  KS벽지 홈페이지 디자인클론코딩
+## 개발환경
 
-## 프로젝트 목표
-- KS벽지 홈페이지 디자인클론코딩하여 코딩 작업 숙련
-- 타이틀 레이아웃 숙지
-
-## 프로젝트 과정
-###  1. 기존 웹사이트 분석
-
->#### 기존 웹사이트
-+ KS벽지: https://ksgdw.com/kor/main/main.html
-
->#### 컨셉
-+ 기업 소개 및 제품 홍보
-
->#### 주요컨텐츠
-+ 사진. 제품
-
->#### 사용연령층
-+ 남성, 여성, 30-40대
-
->#### 주요색상
-+ BROWN
-
->#### 폰트
-+ Noto sans
-
->#### 그래픽
-
->#### 기능 및 섹션
-
-+ 헤더<br>
-  + 정보: 로고, 언어선택, 메뉴 네비게이션, 즐겨찾기, 검색<br>
-  + 작동방법: <br>
-+ 타이틀
-	+ 정보: 제품 이미지<br>
-	+ 작동방법: 이미지 슬라이더<br>
-+ 컬렉션
-	+ 정보: 자사 제품 브랜드 소개<br>
-	+ 작동방법: Click 이벤트<br>
- + NEWS
-  	+ 정보: 자사 관련 뉴스 소개<br>
-	+ 작동방법: 링크 클릭시 자사 사이트로 이동<br>
-+ SNS
-	+ 정보: 자사 SNS 이벤트 및 제품 소식<br>
-	+ 작동방법: 이미지 클릭시 타사이트 이동<br>
-+ Footer
-	+ 정보: 로고, 이용약관, 주소, 패밀리사이트, 카피라이트<br>
-	+ 작동방법:
-
- >#### 홈페이지 사진
-<br>
-
-### 2. 디자인 클론 코딩
-
->#### 기술 스텍
-(프로젝트를 개발할 때 사용한 기술 스택과 도구를 나열)
-- HTML5
-- css
-- SASS
-- jquery
-- javascript
->#### [HTML]
-- 헤더<br>
-  	- 구성: 로고, 언어 선택, 즐겨찾기 링크, 검색<br>
-	- 마크업: div> <br>
- ```bash
-<h1>제목</h1>
+## 프로젝트 구조
 ```
-- 타이틀<br>
-	- 구성: 제품 이미지, 제품 제목과 설명, 키워드<br>
-	- 마크업:<br>
-- 컬렉션<br>
-	- 구성: 제목>브랜드>제품 카테고리>제품소개<br>
-	- 마크업:<br>
-- NEWS<br>
-  	- 구성: 섹션제목+설명+뉴스 페이지 링크+ 뉴스(사진, 제목, 내용)<br>
-	- 마크업:<br>
-- SNS<br>
- 	- 구성: 섹션제목, 설명,  SNS링크, 사진<br>
-	- 마크업:<br>
-- Footer<br>
-  	- 구성: 로고, 개인정보처리방침 링크, 주소, 패밀리사이트 링크, 카피라이트<br>
-	- 마크업:<br>
-
->#### css
-   - 헤더<br>
-	- 레이아웃:<br> 
-	- 효과:<br>
-  - 타이틀<br>
-	- 레이아웃: <br>
-	- 효과: <br>
-  - 컬렉션<br>
-	- 레이아웃:<br>
-	- 효과:<br>
-  - NEWS<br>
-	- 레이아웃:<br>
-	- 효과:<br>
-   - SNS<br>
-	- 레이아웃:<br>
-	- 효과: 이미지 마우스오버시 설명 나타남<br>
-  - Footer<br>
-	- 레이아웃:<br>
-	- 효과:<br>
->#### jquery
-- 헤더
-	- 매서드:
-- 타이틀
-	- 매서드:
-- 컬렉션
-	- 매서드:
-- SNS
-	- 매서드:
-- NEWS
-	- 매서드:
-- Footer
-	- 매서드:
-
->#### 개선 사항 (기존 웹사이트 디자인에서 수정 및 추가작업)
-1. 헤더 로고 및 ham 버튼
 
->#### 적용화면
-
-<br>
-
-### 3. 오류 및 수정 (프로젝트 진행 중 발생한 오류와 해결 방법)
-- service 부분 제이쿼리 단계별 수정
-- 헤더
-	- 오류:
-	- 수정내역:
-- 타이틀
-	- 오류:
-	- 수정내역:
-- 컬렉션
-	- 오류:
-	- 수정내역:
-- SNS
-	- 오류:
-	- 수정내역:
-- NEWS
-	- 오류:
-	- 수정내역:
-- Footer
-	- 오류:
-	- 수정내역:
-
+```
 
-<h3 align="left">Languages and Tools:</h3>
-<p align="left" style="display: flex; gap: 10px; background-color: #ccc;">
-    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/>
-    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/>
-    <img src="https://www.vectorlogo.zone/logos/adobe_illustrator/adobe_illustrator-icon.svg" alt="illustrator" width="40" height="40"/>
-    <img src="https://upload.wikimedia.org/wikipedia/commons/d/d1/Ionic_Logo.svg" alt="ionic" width="40" height="40"/>
-    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/>
-    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="nodejs" width="40" height="40"/>
-    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/photoshop/photoshop-line.svg" alt="photoshop" width="40" height="40"/>
-    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/sass/sass-original.svg" alt="sass" width="40" height="40"/>
-    <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/vuejs/vuejs-original-wordmark.svg" alt="vuejs" width="40" height="40"/>
-</p>
+## 기간
 
-<br>
+## 개선사항
 
-## 향후 계획
-(추가적인 기능 개발, 디자인 개선, 사용자 피드백 수렴 등)
-- 기능
-  a 링크 연결
-- 디자인
-- 피드백
-  사용 후 수정
-<br>
+## 페이지별 기능
+![setProfile](https://github.com/onjeong721/Bworld/assets/150096277/c3b595a4-b118-4d85-a953-4ad54e162ddd)
+![qksdmdgud](https://github.com/onjeong721/Bworld/assets/150096277/ed298d74-caf4-4f0d-8256-037c92a77448)
+## 오류개선
 
-## 작성자 정보
-(이메일 주소나 연락처 정보를 추가)<br>
-<img style="vertical-align: -10;" width="48" height="48"  src="https://img.icons8.com/color/48/gmail-new.png" alt="gmail-new" /> onjeong0721@gmail.com<br>
-<img width="48" height="48" src="https://img.icons8.com/fluency/48/instagram-new.png" alt="instagram-new"/> @onjeong721
+## 후기