지구정복

목차 CSS 개념 DOM 돔에 대하여 셀렉터란 Inline Style HTML 태그 안에 스타일 지정 내부 스타일 시트 외부 스타일 시트 태그에 대하여 셀렉터 태그 셀렉터 클래스 셀렉터 아이디 셀렉터 유니버셜 셀렉터 그룹 셀렉터 조합자(콤비네이션) 자식 적용 후손 적용 아우 적용 아우들 적용 CSS란 Cascading Style Sheet 의 줄임말이다. html의 뼈대를 나타내는 구조표현이면 css 는 웹 페이지의 디자인, 레이아웃 등 스타일 추가하는 언어이다. 여기서 Cascading이란 수정요소를 계속 더해가는 의미이다. 예를들면 internet explorer11 버전의 네이버로 들어간다음 주소창 밑에 오른쪽 버튼으로 메뉴를 체크하고 생긴 메뉴에서 보기탭 - 스타일 - 스타일 없음 을 누르면 cs..

상속은 부모가 자식에게 물려주는 행위를 말한다. 객체 지향 프로그래밍에서도 부모클래스의 멤버를 자식클래스에게 물려줄 수 있다. 프로그램에서는 부모 클래스를 상위 클래스, 자식 클래스를 하위 클래스라고 부른다. 상속은 이미 개발된 클래스를 재사용해서 새로운 클래스를 만들기 때문에 중복되는 코드를 줄여주고 부모 클래스의 수정으로 모든 자식 클래스들도 수정되는 효과를 가져오기 때문에 유지 보수 시간을 최소화한다. ㅁ클래스 상속 현실에서는 부모가 자식을 선택해서 상속하지만 프로그램에서는 자식이 부모를 선택한다. 자식 클래스를 선언할 때 어떤 부모 클래스를 상속받을 것인지 결정하고, 선택된 부모 클래스는 다음과 같이 extends를 기술한다. class 자식클래스 extends 부모클래스 { //필드 //생성자 ..

패키지는 폴더와 같다. 뿐만 아니라 클래스를 유일하게 만들어주는 식별자 역할도 한다. 자바는 클래스 이름이 동일하더라도 패키지가 다르면 다른 클래스로 인식한다. 구조는 다음과 같다. 상위패키지.하위패키지.클래스 ㅁ패키지 선언 클래스를 작성할 때 해당 클래스가 어떤 패키지에 속할 것인지를 선언하는 것을 패키지 선언이라고 한다. 또한 패키지는 클래스의 일부이다. 그 이유는 클래스만 따로 복사해서 다른 곳으로 이동하면 클래스를 사용할 수 없다. 패키지도 같이 복사해줘야 한다. 양식은 아래와 같다. package 상위패키지.하위패키지; public class CalssName { ... } *참고 만약 회사들 간에 협업해서 자바로 프로그램을 만든다고 하면 패키지명은 회사이름으로 하는 것이 관례이다. com.sa..

목차 동영상 넣기 SVG 도형 만들기 ㅁ동영상 넣기 html 문서에 비디오를 넣으려면 태그를 사용한다. 코드는 아래와 같다. 첫 번째 source를 먼저 실행하고 이게 실행이 안되면 두 번째 소스, 두 번째 소스도 실행이 안되면 Your browser~ 멘트가 띄워진다. 현재의 결과는 동영상 재생이 되지 않는다. 따라서 video 태그의 속성값 autoplay를 설정한다. 그럼 알아서 재생이 된다. (크롬에서는 autoplay가 되지 않아서 따로 설정을 해야한다.) 이제 자동재생말고 사용자가 재생을 컨트롤할 수 있게 만들어본다. controls 속성을 추가하면된다. ㅁSVG 도형만들기 svg 태그에 대한 참고자료는 여기를 참고한다. www.w3schools.com/html/html5_svg.asp HTM..