SH's 개발일기

마커 인터페이스(Marker interface) - 클래스들을 그룹화하기 위한 목적으로 사용한다. - 인터페이스는 지정한 클래스의 부모이며, 모든 자식은 부모의 타입이므로 마커 인터페이스를 지정받은 클래스들이 하나의 타입으로 묶이게 된다. ------------------------------------------------------------------ 다중 상속 - 여러 부모 클래스를 상속하는 것을 다중 상속이라고 한다. - JAVA는 모호성 때문에 다중 상속을 지원하지 않는다. - 하지만 JDK8 버전부터는 인터페이스에 default 메소드 선언을 허용하며, 여러 개를 지정할 수 있는 인터페이스 특성 상 다중 상속을 지원하는 것이나 다름이 없다. 모호성(ambiguity) - 하나의 자식이 여러 ..

추상 클래스 - 필드 안에 구현이 안된 메소드가 선언되어 있는 클래스를 추상 클래스라고 한다. - 이 때 구현되지 않은 메소드를 추상 메소드라고 부른다. - 반드시 재정의를 통해 구현을 해야지만 메모리에 할당되기 때문에 강제성을 부여하기 위해서 추상 메소드로 선언한다. 추상 클래스 선언 abstract class 클래스명{ abstract 리턴타입 메소드명(자료형 매개변수1,...); 일반 메소드도 선언 가능. } --------------------------------------------------------------------------- 인터페이스(interface) : 틀 - 추상 클래스를 고도화 시킨 문법. - 상수와 추상메소드만 존재한다. - 구현은 인터페이스를 지정한 클래스에서 진행하고..

다형성(Polymorphism) 1. 오버로딩(Overloading) 매개변수의 이름 또는 타입을 다르게 설정하면 같은 이름의 메소드를 선언할 수 있다. 2. 오버라이딩(Overriding) 부모의 메소드를 상속받은 후 자식 클래스에서 재정의하는 것. --------------------------------------------------------------------------------- 1. 클래스는 타입이다. 2. 모든 자식은 부모타입이다. Casting up casting : 자식 값을 부모 타입으로 형변환 부모타입 객체명 = new 자식 생성자(); down casting : up casting된 객체를 자식 타입으로 형변환 자식타입 객체명 = up casting된 객체; ※ 부모 값을 자..

CSS 2D transform - 이차원 좌표에서 요소를 변형시키는 속성 - 이동(translate), 확대/축소(scale), 회전(rotate), 경사(skew) 등을 만들 수 있음 벤더 프리픽스(vender prefix) - 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알리기 위해 사용하는 접두사를 의미 - 아직 CSS 권고안에 포함되지 않은 기능이나, 포함되어 있지만 아직 완벽하게 제정된 상태가 아닌 기능을 사용할 때 앞에 붙여준다. linear-gradient(방향, 색상1, 색상2) background : linear-gradient(right, yellow, blue); - 벤더 프리픽스를 사용하는 방법은 해당 속성이 적용되지 않았을 경우..

align-items 플렉스 요소들의 수직방향 정렬 방식을 설정 stretch : 기본설정, 플렉스 요소의 높이가 컨테이너의 높이와 같게 변경된 뒤 연이어서 배치된다. flex-start : 플렉스 요소는 플렉스 컨테이너의 위쪽에 배치된다. (기준선은 위쪽) flex-end : 플렉스 요소는 플렉스 컨테이너의 가운데에 배치된다. baseline : 플렉스 요소는 플렉스 컨테이너의 기준선에 배치된다. align-self 플렉스 요소마다 서로 다른 align 속성값을 설정할 수 있다. order 플렉스 요소들의 순서를 설정 flex-grow 플렉스 아이템들이 차지할 너비들에 대한 증가형 숫자를 지정 flex-shrink 플렉스 아이템들이 차지할 너비들에 대한 감소형 숫자를 지정 flex-basis 플렉스 아..

CSS Position 요소의 위치를 결정하는 방식을 설정 1. 정적(static) 위치 지정방식 기본값 - HTML 요소의 위치를 결정하는 기본적인 방식 - top, left, right, bottom 속성값을 사용할 수 없음 - 단순히 웹 페이지의 흐름에 따라 차례대로 요소들의 위치를 결정하는 방식 2. 상대(relative) 위치 지정방식 - HTML 요소의 기본 위치를 기준으로 위치를 재설정하는 방식 - 기본 위치는 정적위치 지정방식일 때 결정되는 위치를 의미 3. 고정(fixed) 위치 지정방식 - 뷰포트를 기준으로 위치를 설정하는 방식 - 웹 페이지가 스크롤되어도 고정위치로 지정된 요소는 항상 같은 곳에 위치 *뷰포트 가상의 화면 - 화면 디스플레이 상의 표시 영역을 뜻한다. - 모바일 뷰포트..

CSS의 배경 * background-position - 반복되지 않는 배경 이미지의 상대 위치를 설정 - %나 px을 사용해서 상대위치를 직접 설정할 수 있음 - 상대 위치를 결정하는 기준은 해당 요소의 왼쪽 상단 left top center top right top left center center right center left bottom center bottom right bottom 가로위치값 세로위치값; 10% 100px ---> 가로로 10% 이동, 세로로 100px 이동 background-attachment - 위치가 설정된 배경 이미지를 원하는 위치에 고정시킬 수 있음 - 고정된 배경 이미지는 스크롤과 무관하게 화면의 위치에서 이동되지 않음 fixed background-size - ..

10. 속성 선택자 [속성명 ~= "속성값"] : 속성값이 완벽히 일치하는 문자를 가지고 있는 요소를 선택 ="apple" - 값이 "apple"인 것 ~="apple" - 값이 "apple banana"인 것도 선택 [속성명 *= "속성값"] : 속성 값이 포함된 문자를 가지고 있는 요소를 선택 [속성명 $= "속성값"] : 속성값이 접미사로 끝나는 문자를 가지고 있는 요소를 선택 [속성명 |= "속성값"] : 속성값이 접두사로 시작되는 문자를 가지고 있는 요소를 선택 |="apple" - "applemango", "apple-mango" ("apple mango" X) [속성명 ^= "속성값"] : 속성값이 접두사로 시작되는 문자를 가지고 있는 요소를 선택 ^="apple" - "applemango"..

CSS(Cascading Style Sheets) HTML 문서를 시각적으로 꾸며주는 역할을 하는 언어 웹페이지의 디자인을 담당 CSS 문법 HTML문서 3. 외부 스타일 웹 사이트 전체의 스타일을 하나의 파일에서 변경 태그 안에 태그를 사용해서 연결, 적용하는 방법 rel 속성은 현재 파일과 링크된 파일 사이의 연관관계를 명시 CSS 선택자 1. 전체 선택자 스타일을 모든 요소에 적용 디테일한 스타일은 전체 선택자와 body에 적용한 스타일보다 우선시됨 * { CSS 문법 } 2. 태그 선택자, 요소 선택자 특정 태그가 쓰인 모든 요소에 스타일을 적용 태그 이름 { CSS 문법 } 상속 : 부모 요소의 속성값이 자식 요소에게 적용되는 성질 https://www.w3.org/TR/CSS22/propidx..

책갈피(bookmark) 태그의 name 속성 또는 특정 태그의 id 속성을 이용하여 책갈피 기능을 활용할 수 있다. 텍스트 ... 도착 또는 도착 * 아이프레임 inline frame의 약자 iframe을 이용하면 웹페이지 안에 다른 웹페이지를 삽입할 수 있음 target 속성 _blank : 링크로 연결된 문서를 새 탭에서 열어준다. name속성 해당 이름으로 설정된 페이지에서 문서를 열어준다. * 폼(form) 웹 페이지에서 사용자로부터 입력을 받을 때 사용하는 태그(하나의 세트로) 사용자가 입력한 데이터를 서버로 보낼 때 form 요소를 사용 action속성은 서버로 데이터를 전송할 때 "목적지"역할, method속성은 데이터의 전송 방법을 설정 역할 여러 입력 + 내용들 * method 속성 g..