Update README.md

README.md

@@ -3,16 +3,13 @@
 
 ## 프로젝트 명
   KS벽지 홈페이지 디자인클론코딩
-```bash
-<h1>제목</h1>
-```
 
 ## 프로젝트 목표
 - KS벽지 홈페이지 디자인클론코딩하여 코딩 작업 숙련
 - 타이틀 레이아웃 숙지
 
 ## 프로젝트 과정
-### 1. 기존 웹사이트 분석
+### [1. 기존 웹사이트 분석]
 
 >#### 기존 웹사이트
 + KS벽지: https://ksgdw.com/kor/main/main.html
@@ -32,10 +29,10 @@
 >#### 폰트
 + Noto sans
 
-
 >#### 그래픽
 
 >#### 기능 및 섹션
+
 + 헤더<br>
   + 정보: 로고, 언어선택, 메뉴 네비게이션, 즐겨찾기, 검색<br>
   + 작동방법: <br>
@@ -56,93 +53,99 @@
 	+ 작동방법:
 
  >#### 홈페이지 사진
+<br>
 
-### 2. 디자인 클론 코딩
+### [2. 디자인 클론 코딩]
 
-#### -기술 스텍
+>#### -기술 스텍
 (프로젝트를 개발할 때 사용한 기술 스택과 도구를 나열)
 - HTML5
 - css
 - SASS
 - jquery
 - javascript
-#### -HTML
-	- 헤더
-  구성: 로고, 언어 선택, 즐겨찾기 링크, 검색
-	마크업: div> 
-  - 타이틀
-	구성: 제품 이미지, 제품 제목과 설명, 키워드
-	마크업:
-  - 컬렉션
-	구성: 제목>브랜드>제품 카테고리>제품소개
-	마크업:
-  - NEWS
-  구성: 섹션제목+설명+뉴스 페이지 링크+ 뉴스(사진, 제목, 내용)
-	마크업:
-  - SNS
-  구성: 섹션제목, 설명,  SNS링크, 사진
-	마크업:
-  - Footer
-  구성: 로고, 개인정보처리방침 링크, 주소, 패밀리사이트 링크, 카피라이트
-	마크업:
+>#### -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
+	- 매서드:
 
-#### -css
-   -헤더
-	레이아웃: 
-	효과:
-  -타이틀
-	레이아웃: 
-	효과: 
-  -컬렉션
-	레이아웃:
-	효과:
-  -NEWS
-	레이아웃:
-	효과:
-   -SNS
-	레이아웃:
-	효과: 이미지 마우스오버시 설명 나타남
-  -Footer
-	레이아웃:
-	효과:
-### jquery
--헤더
-	매서드:
-  -타이틀
-	매서드:
-  -컬렉션
-	매서드:
-  -SNS
-	매서드:
-  -NEWS
-	매서드:
-  -Footer
-	매서드:
-#### 개선 사항 (기존 웹사이트 디자인에서 수정 및 추가작업)
-- 헤더 로고 및 ham 버튼
-#### 적용화면
-
-
-### 오류 및 수정 (프로젝트 진행 중 발생한 오류와 해결 방법)
+>#### 개선 사항 (기존 웹사이트 디자인에서 수정 및 추가작업)
+1. 헤더 로고 및 ham 버튼
+
+>#### 적용화면
+
+
+### [3. 오류 및 수정 (프로젝트 진행 중 발생한 오류와 해결 방법)]
 - service 부분 제이쿼리 단계별 수정
-- -헤더
-	오류:
-	수정내역:
-  -타이틀
-	오류:
-	수정내역:
-  -컬렉션
-	오류:
-	수정내역:
-  -SNS
-	오류:
-	수정내역:
-  -NEWS
-	오류:
-	수정내역:
-  -Footer
-	오류:
-	수정내역:
+- 헤더
+	- 오류:
+	- 수정내역:
+- 타이틀
+	- 오류:
+	- 수정내역:
+- 컬렉션
+	- 오류:
+	- 수정내역:
+- SNS
+	- 오류:
+	- 수정내역:
+- NEWS
+	- 오류:
+	- 수정내역:
+- Footer
+	- 오류:
+	- 수정내역:
 
 
 <h3 align="left">Languages and Tools:</h3>
@@ -159,12 +162,12 @@
 </p>
 
 
-## 향후 계획 (선택 사항)
+## 향후 계획
 (추가적인 기능 개발, 디자인 개선, 사용자 피드백 수렴 등)
--기능
+- 기능
   a 링크 연결
--디자인
--피드백
+- 디자인
+- 피드백
   사용 후 수정