diff --git a/README.md b/README.md index b9d8bb7..0d1b510 100644 --- a/README.md +++ b/README.md @@ -1,182 +1,30 @@ +# 이름 + -# KS벽지 디자인클론코딩 -
+## 프로젝트 소개 + * 사이트 주소 + * 원본 사이트 +## 참여 + | **김민정** | + | :------: | + | [
@onejong0721](https://github.com/yeon1615) | -## 프로젝트 명 - KS벽지 홈페이지 디자인클론코딩 +## 개발환경 -## 프로젝트 목표 -- KS벽지 홈페이지 디자인클론코딩하여 코딩 작업 숙련 -- 타이틀 레이아웃 숙지 - -## 프로젝트 과정 -### 1. 기존 웹사이트 분석 - ->#### 기존 웹사이트 -+ KS벽지: https://ksgdw.com/kor/main/main.html - ->#### 컨셉 -+ 기업 소개 및 제품 홍보 - ->#### 주요컨텐츠 -+ 사진. 제품 - ->#### 사용연령층 -+ 남성, 여성, 30-40대 - ->#### 주요색상 -+ BROWN - ->#### 폰트 -+ Noto sans - ->#### 그래픽 - ->#### 기능 및 섹션 - -+ 헤더
- + 정보: 로고, 언어선택, 메뉴 네비게이션, 즐겨찾기, 검색
- + 작동방법:
-+ 타이틀 - + 정보: 제품 이미지
- + 작동방법: 이미지 슬라이더
-+ 컬렉션 - + 정보: 자사 제품 브랜드 소개
- + 작동방법: Click 이벤트
- + NEWS - + 정보: 자사 관련 뉴스 소개
- + 작동방법: 링크 클릭시 자사 사이트로 이동
-+ SNS - + 정보: 자사 SNS 이벤트 및 제품 소식
- + 작동방법: 이미지 클릭시 타사이트 이동
-+ Footer - + 정보: 로고, 이용약관, 주소, 패밀리사이트, 카피라이트
- + 작동방법: - - >#### 홈페이지 사진 -
- -### 2. 디자인 클론 코딩 - ->#### 기술 스텍 -(프로젝트를 개발할 때 사용한 기술 스택과 도구를 나열) -- HTML5 -- css -- SASS -- jquery -- javascript ->#### [HTML] -- 헤더
- - 구성: 로고, 언어 선택, 즐겨찾기 링크, 검색
- - 마크업: div>
- ```bash -

제목

+## 프로젝트 구조 ``` -- 타이틀
- - 구성: 제품 이미지, 제품 제목과 설명, 키워드
- - 마크업:
-- 컬렉션
- - 구성: 제목>브랜드>제품 카테고리>제품소개
- - 마크업:
-- NEWS
- - 구성: 섹션제목+설명+뉴스 페이지 링크+ 뉴스(사진, 제목, 내용)
- - 마크업:
-- SNS
- - 구성: 섹션제목, 설명, SNS링크, 사진
- - 마크업:
-- Footer
- - 구성: 로고, 개인정보처리방침 링크, 주소, 패밀리사이트 링크, 카피라이트
- - 마크업:
- ->#### css - - 헤더
- - 레이아웃:
- - 효과:
- - 타이틀
- - 레이아웃:
- - 효과:
- - 컬렉션
- - 레이아웃:
- - 효과:
- - NEWS
- - 레이아웃:
- - 효과:
- - SNS
- - 레이아웃:
- - 효과: 이미지 마우스오버시 설명 나타남
- - Footer
- - 레이아웃:
- - 효과:
->#### jquery -- 헤더 - - 매서드: -- 타이틀 - - 매서드: -- 컬렉션 - - 매서드: -- SNS - - 매서드: -- NEWS - - 매서드: -- Footer - - 매서드: - ->#### 개선 사항 (기존 웹사이트 디자인에서 수정 및 추가작업) -1. 헤더 로고 및 ham 버튼 ->#### 적용화면 - -
- -### 3. 오류 및 수정 (프로젝트 진행 중 발생한 오류와 해결 방법) -- service 부분 제이쿼리 단계별 수정 -- 헤더 - - 오류: - - 수정내역: -- 타이틀 - - 오류: - - 수정내역: -- 컬렉션 - - 오류: - - 수정내역: -- SNS - - 오류: - - 수정내역: -- NEWS - - 오류: - - 수정내역: -- Footer - - 오류: - - 수정내역: - +``` -

Languages and Tools:

-

- css3 - html5 - illustrator - ionic - javascript - nodejs - photoshop - sass - vuejs -

+## 기간 -
+## 개선사항 -## 향후 계획 -(추가적인 기능 개발, 디자인 개선, 사용자 피드백 수렴 등) -- 기능 - a 링크 연결 -- 디자인 -- 피드백 - 사용 후 수정 -
+## 페이지별 기능 +![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) +## 오류개선 -## 작성자 정보 -(이메일 주소나 연락처 정보를 추가)
-gmail-new onjeong0721@gmail.com
-instagram-new @onjeong721 +## 후기