다형성 하나의 타입에 여러 객체를 대입할 수 있는 성질 구현 방법 Overriding 상위 클래스의 메서드를 하위 클래스에서 재정의 Overloading 여러 타입을 받아들여 같은 기능을 하도록 만드는 작업 소스코드 class Cal { public int sum(int v1, int v2) { return v1 + v2; } // Overloading public int sum(int v1, int v2, int v3) { return v1 + v2 + v3; } } class Cal3 extends Cal { public int minus(int v1, int v2){ return v1 - v2; } // Overriding public int sum(int v1, int v2){ System.out..
static과 non-static의 차이 static : class 소속, 같은 메모리에 저장되기 때문에 값이 변하면 다른 객체에도 영향을 준다. non-static : instance 소속, 다른 메모리에 저장되기 때문에 값이 변해도 다른 객체에 영향을 주지 않는다. 소스코드 class Print { public String delimiter; public void a() { System.out.println(this.delimiter); System.out.println("a"); System.out.println("a"); } public void b() { System.out.println(this.delimiter); System.out.println("b"); System.out.println..
문자의 비교
primitive와 non primitive primitive : 원시 데이터 타입, 더 이상 쪼갤 수 없는 데이터 ex)boolean, int, double, short, long, float, char non primitive : primitive 외의 데이터 타입 ex)String, Array, Date, File 등 ==과 equals의 차이점 원시 데이터 타입의 비교 : 값이 같다면 같은 저장소에 저장되기 때문에 비교 연산이 가능 a==b 비원시 데이터 타입의 비교 : 값이 같아도 다른 저장소에 저장되기 때문에 equals라는 method를 이용해서 비교한다. a.equals(b) 소스코드 int p1 = 1; int p2 = 1; System.out.println(p1 == p2); //tru..
미디어쿼리란 지정한 규칙이 장치 환경과 일치하는 경우만 CSS를 적용하게 할 수 있는 기능 예제 소스 및 설명 브라우저의 뷰포트 너비가 868px 이하인 경우에만 스타일 적용 @media (max-width: 868px) { }브라우저의 뷰포트 너비가 868px 이상인 경우에만 스타일 적용 @media (min-width: 868px) { }참고 https://developer.mozilla.org/ko/docs/Web/CSS/@media https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/%EB%AF%B8%EB%94%94%EC%96%B4_%EC%BF%BC%EB%A6%AC_%EC%B4%88%EB%B3%B4%EC%9E%90_%EC%95%88%EB%82%..
position 속성
position 속성 static: 순서대로 배치 relative: 자신이 원래 위치할 위치를 기준으로 상대적인 위치를 설정할 수 있다. absolute: 기준점에 따라 특별한 위치에 위치시킬 수 있다. 기준점은 상위 엘리먼트들 중에 static이 아닌 position이 기준점이 된다. 현재는 wrap이 position:relative 이기 때문에 기준점이 된다. fixed: 고정된 위치에 위치시킬 수 있다. 예) 따라다니는 광고 소스 HTML static(default) relative(left:10px) absolute(left:130px,top:30px) fixed(top:250px) CSS .wrap { position: relative; } .wrap > div { width: 150px; he..
display 속성
display 주요 속성 block : 블록 처럼 쌓는다. inline : 한 줄로 나란히 배치된다. inline-block : 크기를 유지하면서 나란히 배치된다. 소스 HTML div1 div2 div3 div1 div2 div3 div1 div2 div3 CSS .exam1 { border: 1px solid gray; width: 100px; height: 100px; display: block; } .exam2 { border: 1px solid gray; width: 100px; height: 100px; display: inline; } .exam3 { border: 1px solid gray; width: 100px; height: 100px; display: inline-block; }결과
