이번에는 화면 하단에 나오는 오늘의 명언을 어떻게 출하는지 알아보자. 이번 작업에서 중요한 점은 해당 명언들이 랜덤하게 나와야 하는 점이다. 위와 비슷한 기능을 가지고 일정 시간마다 배경이 바뀌는 효과를 넣어보자.
오늘부터 Todo라는 사이트를 카피캣하면서 javascript기능을 함께 공부해보겠다.오늘은 여기서 시계를 넣는 기능을 어떻게 사용하는지 다시 한번 복습하고 시간 아래에 명언을 넣는 기능을 공부해본다.1\. ClockGreetings
오늘은 자바스크립트를 이용한 본격적인 작업들을 해보았고 더 나아가 앞서 배운 배열과 난수 생성을 이용해서 좀 더 동적인 사이트 제작을 시작했다. 위와 같이 form과 그 내부 label input button으로 이루어진 html이다. 여기서 주의할 점이 있다면 for
오늘은 이벤트를 사용해서 특정 태그가 사라지는 효과를 넣어보자. 그리고 더 나아가 브라우저 내에 있는 localstorage를 이용해서 정보를 저장하고 불러내자.
오늘부터 자바스크립트 시작!!!!!!오늘은 어떻게 하면 html내에 있는 태그들을 불러오고 그것을 css를 변화시키거나 혹은 java내에서 변경시키는 지 알아보았다.
1교시 : 랜덤 함수를 이용한 간단한 놀이만약 웹 화면에 있는 특정 버튼을 눌럿을 경우 랜덤한 효과가 나타도록 하고 싶다면 어떻게 해야할까????우선 html 문서부터 확인해보자.
서비스 화면 : 코드리뷰 :전체 영역에 있어 banner영역을 만들어 준다. 그리고 그 밑에 header영역을 만들며, nav영역은 ul-li로 구성한다. 그리고 main-content에 top부분은 (가제) video-recent로 만들어 구성한다.코드리뷰 :또 다른
서비스 화면 :(1) left-area영역 :코드리뷰 :기본적인 구조는 ul-li-a 그리고 a태그 안에 i 태그와 span태그로 구성한다. 그리고 각 섹션 안 마다 border-bottom을 적용하고 margin-bottom을 적용한다. 또한 로그인 버튼에 적용된 속
오늘 공부할 내용은 iterator와 generator이다. 1교시 : iterator에 대해서 공부하기 전에 iter타입에 대해서 알아보자. 우리가 알고 있는 반복문에 사용할 수 있는 자료형 혹은 타입은 str, list, dict, tuple등이 있다. 만약
서비스화면 :오늘 다룰 내용은 유튜브 카피캣이다. 우선 전체적인 서비스화면을 어떻게 구성할지 생각해보자. 지금 현재 header부분과 left-area영역은 fixed속성을 적용해야한다. 그렇다면 main-content영역은 position:abs를 사용해서 전체 영역
1교시 : nomarlize css vs reset cssreset은 완전 초기화namarlize는 약간의 기본 브라우저 스타일 변화 및 버그 방지
1교시 : vieo-section + others서비스 화면htmlcss(1) video-section코드리뷰 :a. .video-section :position: relative; / padding-top: 60px; / padding-bottom: 40px; / b