오늘은 네이버 e스포츠 영역 마무리를 했다. 오늘은 메인의 오른쪽영역을 작성하고 웹폰트를 적용하는 방법에 대해서도 알아보았다. 이스포츠 메인의 컨테이너 안에 라이트 영역에 id로 esport-news-view를 작성해주었다. 뉴스 뷰 안에는 h2로 제목을 입력해주고 o

오늘은 지난 시간에 이어 네이버 e스포츠 페이지 작업을 진행하였다. 오늘은 메인의 왼쪽 영역을 만들었다. 컨텐츠 랩 안에 left클래스 안에 id로 esport-main-article을 만들고 세 개의 아티클 영역을 만든다. 맨 처음에 올 아티클은 위아래를 다 채운다는

오늘은 네이버 게임페이지 안에 있는 e스포츠 영역 카피캣을 진행했다. 이전에 작성한 게임페이지에 e스포츠 페이지를 연결하고 새롭게 e-sport.html파일을 만들었다. 기존에 내용을 그대로 복사해와서 바디 영역만 새롭게 작성하였다. 오늘 작성한 영역은 상단 헤더 영역

오늘은 지난 시간에 이어 네이버게임 카피캣을 진행했다. 오늘은 메인의 오른쪽 부분의 설계도면과 디자인 작업을 작성하고 페이지를 완성하였다. 우선 상단에 있는 방문페이지 visitor-section을 id로 만들고 공통된 영역으로 적용할 right-section을 클래스

오늘은 지난시간에 이어 네이버 게임페이지를 카피해보았다. 기존에 상단 헤더 영역을 만들고 섹션1까지 진행한 것에 이어 메인의 섹션2영역부터 진행했다. 이번 시간에는 기존에 만들어놓은 섹션들을 활용하여 작업을 많이 진행했다.html에서 먼저 섹션 2의 설계도면 작업을 했

오늘은 네이버 게임페이지 카피캣을 진행하였다. 기존에 인덱스 파일에서 카테고리에 게임을 추가하고 game.html으로 파일을 연동시켰다. 이전과 같이 인덱스 내용에서 바디내용만 수정하는 방식으로 진행하였다. 게임페이지의 경우 전에 카피했던 네이버의 다른 페이지들과 형식

오늘은 지난시간에 이어 네이버 뉴스 연예페이지를 완성했다. 오늘 진행한 부분은 메인의 우측이다. 설계도면에서 main의 ent-right에서 맨 위에 배너를 삽입했다. css에서 전체 ent-right부분의 크기를 설정하고 배너의 크기와 백그라운드컬러, 보더를 적용했다

오늘은 지난시간에 이어 네이버 뉴스에 연예파트 카피캣을 진행하였다. 지난시간에 작성했던 메인의 왼쪽 파트를 이어 작업하였다. 이전에 작성한 섹션파트 3 다음으로 섹션 4의 설계도면을 작성하였다. div태그로 section-4파트를 만들고 div서랍장으로 h3에 추천뉴스

오늘은 네이버뉴스 안에 있는 연예페이지 카피캣을 진행했다. 기존에 진행한 뉴스페이지에서 TV연예페이지를 클릭했을때 페이지가 이동되도록 설정하고 기존에 index내용을 복사하여 body영역을 새롭게 작성하였다. 엔터테이먼트 페이지는 크게 상단 헤더 영역과 메인의 왼쪽과

오늘은 지난 시간에 이어 네이버 뉴스 카피캣을 진행하였다. 오늘은 메인의 우측과 하단 영역 작업을 진행하였다. 메인 우측의 설계도면으로 크게 div태그에 class로 news-right를 달았다. 메인 우측은 언론사별 가장 많이 본 뉴스인 news-popular태그와

오늘은 네이버 뉴스페이지를 카피캣하였다. 이전에 홈페이지 html파일에 뉴스 탭을 추가하고 파일을 연결해 주었다. 이전 내용을 복사하고 body부분만 새롭게 작성했다. 뉴스 페이지는 상단 헤더영역 안쪽으로 상단과 하단 네비태그 영역으로 구분되어있고, 그 아래에 헤드라인

오늘은 지난 시간에 이어 네이버 블로그 카피캣을 진행했다. 메인의 오른쪽과 푸터 영역을 먼저 작업했다. 메인의 오른쪽은 로그인페이지가 있는 blog-account, 배너가 있는 blog-banner, 가이드 내용이 포함된 blog-guide영역 그리고 공지사항이 있는

오늘은 네이버 블로그 페이지를 카피캣해보았다. 이전에 네이버 index페이지의 블로그 부분의 a태그에 블로그.html을 연결하여 새롭게 파일을 만들었다. 파일의 형식은 webtoon.html에서 그대로 복사해오고 바디 부분만 새롭게 작성했다. 오늘은 블로그 페이지의 상

오늘은 지난시간에 이어 네이버 웹툰 카피캣을 진행하였다. 이전시간에 작업했던, 웹툰 홈 페이지의 상단과 메인 왼쪽에 이어, 오늘은 메인의 우측과 하단 푸터 부분, 그리고 웹툰 디테일 페이지도 완성하였다. 작업한 내용이 많아 간략하게 작성하겠다.먼저 웹툰의 홈페이지의 메

오늘은 네이버 웹툰 페이지 카피캣을 진행해 보았다. 이전에 만들었던 네이버 메인 페이지에 컨테이너에 웹툰으로 a태그를 추가해서 웹툰을 눌렀을 때 웹툰 페이지로 이동하게끔 작업했다. html은 webtoon과 webtoon_detail 파일을 추가해서 설계도면을 따로 작

오늘은 지난 시간에 이어 네이버 쇼핑 페이지 카피캣을 진행하였다. 지난 시간에 만들었던 메인의 카테고리 나머지 내용을 채우고 가장 하단의 영역까지 작업을 했다. 이전에 작성했던 파일에 이어 작성을 했다. main에 shop-container에 list-wrap 안에 있

오늘은 지난 시간에 이어 네이버 웹사이트 카피캣을 하였다. 이전에 만들어놓은 메인 페이지에서 쇼핑 파트에 새로운 shop.html을 연결하였다. css는 기존의 파일을 이어서 사용했기 때문에 링크 태그로 css파일을 연동시켰다. shop.html파일도 인덱스 파일과

오늘은 지난 시간에 이어 네이버 웹사이트를 카피해 보았다. 지난 시간에는 메인 상단과 왼편을, 오늘은 메인의 오른쪽과 하단 footer 부분을 작업했다. 먼저 메인의 오른 편을 작업했다. 오른쪽은 크게 로그인을 하는 영역과 배너가 있는 영역, 쇼핑 영역으로 나뉘었다.

오늘은 네이버 메인 페이지를 카피캣 해보았다. 카피를 시작하기 전에 먼저 웹 개발에 좋은 크롬 확장 프로그램에 대해 알아보았다. https://wpastra.com/chrome-developer-extensions/ 해당 사이트에서 특정 웹사이트의 기술 스펙

오늘은 덴마크 쇼핑몰 사이트 helbak.com을 카피캣했다. 사이트의 이미지는 저작권의 우려가 있어 레이아웃을 중심으로 카피했다. 먼저 html세팅을 하는데, 이 사이트는 브라우저의 폭을 줄이면서 자연스럽게 리사이징되는 반응형 웹사이트이므로 meta태그 부분에 뷰포