$$config title: salon de coco 모작 keywords: - 김예솔 - ... $$ ## salon de coco [salon de coco 홈페이지](https://www.salondecoco.kr/)
# 참조사이트 [CDNJS](https://cdnjs.com/libraries) - 제이쿼리, 테일윈드 등 유명한 라이브러리들을 검색해서 찾을 수 있음 [테일윈드 차트시트](https://nerdcave.com/tailwind-cheat-sheet) [스와이퍼 라이브러리](https://swiperjs.com/demos)
___ ## 2022년 6월 15일 시작 [시작코드](https://codepen.io/ddpp12/pen/BaYMwMM?editors=1100) - 시작코드 생성
## 메인 페이지 제작 **< category 구현 >** [logo 구현](https://codepen.io/ddpp12/pen/NWyowPQ?editors=1100) - 로고를 삽입했습니다. [category 구현2](https://codepen.io/ddpp12/pen/eYVxeJB?editors=1100) - .left css적용 [category 구현3](https://codepen.io/ddpp12/pen/oNEmoxd?editors=1100) - .categor css적용 [category 구현4](https://codepen.io/ddpp12/pen/oNEmoLd?editors=1100) - .logo css적용 [category 구현5_login_menu](https://codepen.io/ddpp12/pen/rNJPYmw?editors=1100) - login_menu 구현 [category 구현6_position_1](https://codepen.io/ddpp12/pen/ZErwaxy?editors=1100) - position_1 html & css 구현 [category 구현7_position_2](https://codepen.io/ddpp12/pen/dydaZjw?editors=1000) - position_2 html & css 구현 [category 구현8_i-con](https://codepen.io/ddpp12/pen/jOZdajm?editors=1100) - 아이콘 구현
___ **< mein_concents 구현 >** [스와이퍼 적용](https://codepen.io/ddpp12/pen/zYReRvY?editors=1000) - 스와이퍼 적용 [contents 구현1](https://codepen.io/ddpp12/pen/bGLzLgx) - contents css 적용 [현재상황](https://codepen.io/ddpp12/pen/OJQdZBg?editors=1100) - 수정완료 [스와이퍼 변경](https://codepen.io/ddpp12/pen/YzeBver) [참조](https://codepen.io/ddpp12/pen/GRQzGqM) [스와이퍼 img 삽입](https://codepen.io/ddpp12/pen/abqXjzw?editors=1000) - image 삽입 완료 [text-decoretion 삽입](https://codepen.io/ddpp12/pen/eYVxjdg?editors=1100) - text-decoretion 적용
___ **< NEW ARRIVALS img >** [NEW ARRIVALS 구현](https://codepen.io/ddpp12/pen/RwQdREO?editors=1100) - NEW ARRIVALS 구현 및 css 적용 [NEW ARRIVALS img 구현](https://codepen.io/ddpp12/pen/YzegGLP?editors=1010) - NEW ARRIVALS img 구현 [NEW ARRIVALS img css 적용](https://codepen.io/ddpp12/pen/wvyOzNq?editors=1100) - NEW ARRIVALS img css 적용 [NEW ARRIVALS img 삽입중](https://codepen.io/ddpp12/pen/poaYNgx?editors=1100) [148강 상품리스트 참고](https://codepen.io/sangwon7242/pen/XWVLLOP) [NEW ARRIVALS img 완료](https://codepen.io/ddpp12/pen/XWZQwGv?editors=1000) [NEW ARRIVALS img 최종](https://codepen.io/ddpp12/pen/bGLJyyK?editors=1000)
___ **< 하단메뉴 >** [하단메뉴 HTML](https://codepen.io/ddpp12/pen/OJQGeLv?editors=1000) - 하단메뉴 HTML 태크작성 [하단메뉴 HTML 작성완료](https://codepen.io/ddpp12/pen/dydLBpW?editors=1000) [하단메뉴 완성](https://codepen.io/ddpp12/pen/NWymZYm?editors=1100) - 하단메뉴 css 작업완료 --- **< 메인페이지 완성 >** [메인페이지 완성](https://codepen.io/ddpp12/pen/MWQMwpQ?editors=1100) - 메인페이지 작업완료 [메인페이지 수정](https://codepen.io/ddpp12/pen/oNErMeL?editors=1100) - swiper 태크 수정 [메인페이지 수정2](https://codepen.io/ddpp12/pen/poaXqPJ?editors=1100) - 사이즈 수정(con-min-width)
___ **< outwear 페이지 제작 ## >** [outwear 페이지 제작](https://codepen.io/ddpp12/pen/bGLybjL?editors=1100) - 이미지 수정 전 [outwear 스와이퍼 이미지 변경](https://codepen.io/ddpp12/pen/ExQzxXy?editors=1100) **< SORT 및 2차 메뉴 구현 >** [SORT 작업1](https://codepen.io/ddpp12/pen/MWQdGWy?editors=1100) [SORT 작업2 2차 메뉴 구현 중](https://codepen.io/ddpp12/pen/YzebLmo?editors=1100) - 2차 메뉴 유령의 집화까지 완료 [2차 메뉴 참고 자료 116강](https://codepen.io/sangwon7242/pen/xxpyEox?editors=1100) [SORT 작업3 SORT 2차 메뉴 구현](https://codepen.io/ddpp12/pen/PoQroLd?editors=1100) - 2차 메뉴 구현 css작업까지 완료 [SORT 작업4 2차 메뉴 구현 완료](https://codepen.io/ddpp12/pen/LYQKEmr?editors=1100) - 2차 메뉴 hover까지 완료 ---
**-------- 추가 수정 ---------**
**< left cotegory >** [left cotegory hover효과 적용](https://codepen.io/ddpp12/pen/zYRVxJP?editors=1100) - 좌측 메뉴 hover 적용
___ **< outwear_menu >** [outwear_menu hover효과 적용](https://codepen.io/ddpp12/pen/LYQKEag?editors=1100)
---- **< outwear 이미지 삽입 >** [outwear 이미지 삽입](https://codepen.io/ddpp12/pen/bGLPdwB?editors=1100) - outwear 이미지 삽입 완료
___ **< outwear 페이지 수정 >** [outwaer color border 수정](https://codepen.io/ddpp12/pen/KKQjdOP) - outwaer color border 수정 완료
___ **< page 구현 >** [page 1단계](https://codepen.io/ddpp12/pen/NWyZNjp) - 마크업 및 css적용 [page 2단계](https://codepen.io/ddpp12/pen/VwQJaJe?editors=1100) - css 적용완료
___ # outwear 페이지 [outwear 페이지 완료](https://codepen.io/ddpp12/pen/rNJELxg?editors=1100) - 이미지 간격 수정
--- **< outwear_page-2 구현 >** [outwear page-2 이미지 수정](https://codepen.io/ddpp12/pen/LYQKZWZ?editors=1100) [outwear page-2 완료](https://codepen.io/ddpp12/pen/QWQXEvZ?editors=1100) - 페이지 color 수정
--- **< outwear page 주소삽입 >** [page-1 주소삽입](https://codepen.io/ddpp12/pen/qBxzNyq?editors=1000) [page-2 주소삽입](https://codepen.io/ddpp12/pen/ExQByRP?editors=1000)
--- **< outwear page 완료 >** [page-1 완료](https://codepen.io/ddpp12/pen/ExQBpeV?editors=1100) [page-1 사이즈수정](https://codepen.io/ddpp12/pen/WNMqPER?editors=1100) - con-min-width --- [page-2 완료](https://codepen.io/ddpp12/pen/eYVwjLO?editors=1100) [page-2 사이즈수정](https://codepen.io/ddpp12/pen/PoQrVKP?editors=1100) - con-min-width
--- **로그인창 제작** [contents 삭제](https://codepen.io/ddpp12/pen/MWVgvPw?editors=1100) [HTML 수정](https://codepen.io/ddpp12/pen/yLKBowN?editors=1100) - HTML 작업 전 수정 [security](https://codepen.io/ddpp12/pen/rNdBpdO?editors=1100) - 하단 security HTML 완료 [security 완료](https://codepen.io/ddpp12/pen/gOeYoNQ?editors=1100) [로그인창 사이즈 조정](https://codepen.io/ddpp12/pen/bGvbLzp?editors=1100) [로그인창 제작 완료](https://codepen.io/ddpp12/pen/YzaKaaw?editors=1100)
--- **장바구니창** [장바구니](https://codepen.io/ddpp12/pen/vYRyKrX?editors=1100)