KDT1-FE · hhjs2 · Jul 30, 2023 · Jul 30, 2023 · flamozzi · Aug 1, 2023
diff --git a/README.md b/README.md
@@ -1,45 +1,35 @@
-[참고 내용]
+ KaKao 웹페이지 클론코딩
+-
+ 링크 : https://kdt0-junghyoju--phenomenal-pixie-888ba7.netlify.app/
 
-👀 자신이 원하는 사이트 레이아웃 클론
-원하는 사이트(페이지)를 자유롭게 선택하고 레이아웃을 클론 코딩하세요.
-평소에 도전해 보고 싶었거나 혹은 자신의 수준에 맞는 사이트(페이지)를 선택하세요.
-과제 수행 및 리뷰 기간은 별도 공지를 참고하세요!
+원본 페이지 
+-
+링크:https://www.kakaocorp.com/page/
 
-과제 수행 및 제출 방법
+사용기술
+-
+1.css<br>
+2.html
 
-1. 현재 저장소를 로컬에 클론(Clone)합니다.
-2. 자신의 본명으로 브랜치를 생성합니다.(구분 가능하도록 본명을 꼭 파스칼케이스로 표시하세요, git branch KDT0_이름)
-3. 자신의 본명 브랜치에서 과제를 수행합니다.
-4. 과제 수행이 완료되면, 자신의 본명 브랜치를 원격 저장소에 푸시(Push)합니다.(main 브랜치에 푸시하지 않도록 꼭 주의하세요, git push origin KDT0_이름)
-5. 저장소에서 main 브랜치를 대상으로 Pull Request 생성하면, 과제 제출이 완료됩니다!(E.g, main <== KDT0_이름)
+구현 사항
+-
+* html, css만을 사용하여 구현 
+* 뉴스 카드 wrap을 이용하여 배치 후 overflow 구현 후 스크롤 숨김
+* 디테일 링크 설정
 
+아쉬운 점
+- 
+* 가로 너비에 따라 달라지는 뉴스카드 배치 구현
+* 하단 왼쪽 뉴스 카드 스크롤이 될 때, 오른쪽 뉴스카드 배치
+* 구독 부분에 Sprite Image 방법으로 이미지 구현 
 
-- main 혹은 다른 사람의 브랜치로 절대 병합하지 않도록 주의하세요!
-- Pull Request에서 보이는 설명을 다른 사람들이 이해하기 쉽도록 꼼꼼하게 작성하세요!
-- Pull Request에서 과제 제출 후 절대 병합(Merge)하지 않도록 주의하세요!
-- 과제 수행 및 제출 과정에서 문제가 발생한 경우, 바로 담당 멘토나 강사에서 얘기하세요!
 
-필수 요구사항
 
-- 과제에 대한 설명을 포함한 README.md 파일을 제공하세요!
-- 과제 결과와 비교할 수 있는 실제 사이트(페이지)의 주소를 명시하세요!
-- 과정에서 사용한 프로젝트 폴더/파일이 모두 포함돼야 합니다, 일부 파일만 제출하지 마세요!
-- 실제 서비스로 배포하고 접근 가능한 링크를 추가해야 합니다.
+느낀 점
+-
+* 웹페이지 구조를 어떻게 나누냐에 따라 구현 방법이 많이 달라지는거 같다
+* css 선택자 클래스 명과 간단하게 선택자를 작성하는 방법이 필요한거 같다
+* js나 전처리기 등을 이용하여 다시 한번 구현해보고 싶다
+* 가로 너비에 따라 달라 지는 반응형 웹을 어떻게 구현해야할지 생각해봐야겠다.
 
-선택 요구사항
 
-- < header >, < section > 등 시멘틱 태그를 최대한 활용해보세요.
-- 실제 사이트의 레거시 코드 활용보단 최신의 CSS Flex 혹은 Grid 등을 활용해보세요.
-- 부분적으로 BEM 방법론을 도입해보세요.
-- JS가 필요한 부분은 되도록 생략하되 이유를 명시해보세요.(CSS로 대체 가능한지 피드백이 있을 수 있겠죠?!)
-- JS가 필요한 부분 중 구현할 부분이 있다면 자유롭게 구현해보세요.(JS 과제가 아니니까 가볍게 구현하시길 추천해요)
-
-손쉬운 이미지 추출 방법
-
-사이트 클론에 필요한 이미지를 좀 더 쉽게 추출하기 위해서 Chrome 확장 프로그램인 Image Downloader를 사용하세요.
-
-1. 원하는 사이트 접속
-2. Image Downloader 확장 프로그램 실행
-3. 다운로드 원하는 이미지 선택
-4. 서브 폴더 이름(Save to subfolder) 명시
-5. 다운로드!
diff --git a/font/KakaoOTFRegular.otf b/font/KakaoOTFRegular.otf
diff --git a/images/ico_date26.gif b/images/ico_date26.gif
diff --git a/images/ico_sns.2acc182.png b/images/ico_sns.2acc182.png
diff --git a/images/visual-activegreen.png b/images/visual-activegreen.png
diff --git a/images/visual-c.png b/images/visual-c.png
diff --git a/images/visual-cultural.png b/images/visual-cultural.png
diff --git a/images/visual-customer.png b/images/visual-customer.png
diff --git a/images/visual-main-info-cate_star.png b/images/visual-main-info-cate_star.png
diff --git a/images/visual-main-info-thumb2.png b/images/visual-main-info-thumb2.png
diff --git a/images/visual-main-info_cate_bell.png b/images/visual-main-info_cate_bell.png
diff --git a/images/visual-main-info_thumb.png b/images/visual-main-info_thumb.png
diff --git a/images/visual-recruit.png b/images/visual-recruit.png
diff --git a/images/visual-responsible.png b/images/visual-responsible.png
diff --git a/images/visual-sub-bkey.png b/images/visual-sub-bkey.png
diff --git a/images/visual-sub-bone.png b/images/visual-sub-bone.png
diff --git a/images/visual-sub-en.png b/images/visual-sub-en.png
diff --git a/images/visual-sub-kakao.png b/images/visual-sub-kakao.png
diff --git a/images/visual-sub-onepeople.png b/images/visual-sub-onepeople.png
diff --git a/images/visual-sub-people.png b/images/visual-sub-people.png
diff --git a/images/visual-sub-pick.png b/images/visual-sub-pick.png
diff --git a/images/visual-sub-purple.png b/images/visual-sub-purple.png
diff --git a/images/visual-sub-stock.png b/images/visual-sub-stock.png
diff --git a/images/visual-sub-test.png b/images/visual-sub-test.png
diff --git a/images/visual-sub-yh.png b/images/visual-sub-yh.png
diff --git a/images/visual-sub-무지.png b/images/visual-sub-무지.png
diff --git a/images/visual-txt.png b/images/visual-txt.png
diff --git a/images/visual_culture.png b/images/visual_culture.png
diff --git a/images/visual_service.png b/images/visual_service.png
diff --git a/images/visual_subscribe_icon.png b/images/visual_subscribe_icon.png
diff --git a/images/visual_talktips.png b/images/visual_talktips.png
diff --git a/images/다운로드.png b/images/다운로드.png
diff --git a/images/심화과정.png b/images/심화과정.png