1교시: 웹개발 개념 및 HTML1강 :html입문1번 . 웹 개발에 필요한 지식과 참고자료1\. 웹사이트의 종류 3가지추천 사이트 : 내가 만들고 싶은 기능의 예시를 코드화해서 보여준다.접속방법treehouse which layout static liquid로 검색해
1교시
오늘은 네이버 ent페이지에 대한 클론코딩을 해보겟다.1교시 : ent-header우선 위와 같은 형태의 header영역을 코딩해보자. 우리가 지금까지 해온 코딩과 크게 다를바 없지만 서비스 형태만 보고 우선 대강의 코딩 작업을 머릿속에 떠올려보자.<예제>div
2교시 : ent-main-left위와 같은 서비스를 구현하고자 한다면 어떻게 해야할까??html (1) media-headline(2) section 1(3) section 2(4) section 3css(1) media-headline코드리뷰 :a. 왼쪽 축 전체에
1교시 : 네이버 연예 나머지 왼쪽 나머지 부분 코딩해보기 section-4 (1) 서비스 화면 (2) html (3) css ![](https://images.velog
1교시
1교시
1교시 : 네이버 게임 메인 왼쪽오늘 구현할 화면은 위와 같이 네이버 메인 왼쪽 페이지이다.본격적인 코딩에 앞서 해당 화면을 어떻게 구현하여야 할지 생각해보자. banner영역은 우리가 보통 해오던 대로 하면 큰 문제가 안될 것이고 그 다음 메인 섹션은 어떻게 구현할까
1교시
1교시 : naver-game-right(visitor-section)해당 서비스 화면에 대응되는 html과 css를 살펴보자. htmlcss코드리뷰 :a. .right-section :background-color: border-radius: 12px; / paddi
1교시 : 네이버 e스포츠(1)서비스화면 우선 최상단에 있는 header영역부터 작업해보자. 만약 내가 개발자라면 어떻게 해당영역을 구현할까??? 전체 영역을 담는 태그 class= naver-esports 영역을 main에 가장 큰 부모 태그로 잡고 그리고 해당영역의
1
1교시 : naver-audio
새로운 웹사이트 !! 트위치를 코딩해보자!1교시 : twich-header(nav)전체 화면 :서비스화면 :위와 같은 화면을 만들어보자.어떻게 구현하면 될까?????????? 전체를 묶는 header-wrap 그리고 그 속의 자식 요소들을 3개로 나눈다.(left-ce
1교시 : twich-area-left!\[](https://images.velog.io/images/ralo-gimhae/post/161d8fcc-5cc6-4715-bccf-58152a91d5c4/image.png서비스 화면 :어떻게 구현하면 될까?????전
1교시 : twich-main1\. 서비스 화면htmlcss
1교시 : vieo-section + others서비스 화면htmlcss(1) video-section코드리뷰 :a. .video-section :position: relative; / padding-top: 60px; / padding-bottom: 40px; / b
1교시 : nomarlize css vs reset cssreset은 완전 초기화namarlize는 약간의 기본 브라우저 스타일 변화 및 버그 방지
서비스화면 :오늘 다룰 내용은 유튜브 카피캣이다. 우선 전체적인 서비스화면을 어떻게 구성할지 생각해보자. 지금 현재 header부분과 left-area영역은 fixed속성을 적용해야한다. 그렇다면 main-content영역은 position:abs를 사용해서 전체 영역
서비스 화면 : 코드리뷰 :전체 영역에 있어 banner영역을 만들어 준다. 그리고 그 밑에 header영역을 만들며, nav영역은 ul-li로 구성한다. 그리고 main-content에 top부분은 (가제) video-recent로 만들어 구성한다.코드리뷰 :또 다른
오늘부터는 새로운 언어 자바스크립트를 시작한다.1교시 : 변수2교시 : 자료형