KDT0_ChoiJaehun 유튜브 뮤직 홈페이지 클론 코딩

Jaehun/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}

Jaehun/README.md

@@ -0,0 +1,60 @@
+### 유튜브 뮤직 웹페이지 클론 코딩
+
+---
+
+> 링크
+
+원본 페이지: <a href="https://music.youtube.com/">원본 사이트</a>
+
+- 로그인이 되어있어야 될려나요..?
+
+클론 홈페이지 : <a href="https://adorable-pothos-e1ac7f.netlify.app/">클론 사이트</a>
+
+##### 제작기간: 07-25 日 ~ 07-28 日
+
+### 사용 기술
+
+1. HTML
+2. CSS
+3. Swiper JS (CDN으로 사용)
+
+---
+
+### 개발 사항
+
+1. PC 레이아웃 적용
+
+2. 약간의 디자인 추가
+
+3. 메뉴바 미구현 및 기기에 연결 아이콘 미구현
+
+4. 프로필 hover 시, 보이는 부분 깨짐
+
+5. 왼쪽 nav 화면 약간 깨짐
+
+6. 검색창 태그 디자인
+
+7. 슬라이더 컴포넌트 구현 밑에 더 있지만 중복 컴포넌트라 제외함.
+
+**이 부분이 약간 뭔가 불편했음** _하나의 컴포넌트로 만들려면?_
+
+---
+
+### 개선 사항
+
+1. 반응형 및 미구현 항목 개선
+
+2. 요소 컴포넌트화 후 전체 페이지 제작
+
+3. 검색창 기능 및 페이지 링크 이동 후 페이지 제작
+
+4. SCSS 좋긴 좋은데, 뭔가 하다보니 너무 난잡해짐. 정리 안됨.
+
+5. Swiper 부분 커스터마이징 부족. 찾아볼 것
+
+### 참고 사이트
+
+1. <a href="https://jineecode.tistory.com/77"> 첫번째 블로그 - Swiper 버튼 관련</a>
+2. <a href="https://swiperjs.com/get-started"> Swiper 공식 사이트</a>
+3. <a href="https://velog.io/@kysung95/SCSS-SCSS-%EC%A0%81%EC%9A%A9%EA%B8%B0"> SCSS 적용기</a>
+   ...