개발 (30) 썸네일형 리스트형 try-with-resources 자바 라이브러리에는 close 메서드를 호출해 직접 닫아줘야 하는 자원이 많다.- 자원 닫기는 놓치기 쉬워 예측할 수 없는 성능 문제로 이어진다.- 이런 자원들이 finalizer를 활용하고 있지만 finalizer는 안전하지 않다.- 보통 자원이 제대로 닫힘을 보장하는 수단으로 try-finally가 쓰였다. 여러자원일 경우 코드가 지저분해진다.첫번째 예외인지 두번째 예외인지 알수가 없어 디버깅이 어렵다. try-with-resources - try()에 선언된 객체들에 대해서 try가 종료될 때 자동으로 자원을 해제해 주는 기능이다.- try에서 선언된 객체가 AutoCloseable을 구현했다면 try 구문이 종료될 때 객체의 close() 메서드를 호출해 준다.- 위의 문제들은 try-wit.. 플렉스 박스 플렉스 박스 레이아웃 그리드 레이아웃을 기본으로, 플렉스 박스를 원하는 위치에 배치하는 것 여유 공간에 따라 너비나 높이,위치를 자유롭게 변형할 수 있음 1.플렉스 컨테이너 웹문서에 텍스트나 이미지, 표 등 웹 요소들을 플렉서블하게 사용하려면 먼저 플레스 컨테이너로 묶어줘야함 2.플렉스 항목 플렉스 컨테이너에 담기는 웹요소 3.주축 플렉스 컨테이너 안에서 플렉스 항목을 배치하는 기본방향 기본적으로 왼쪽 ->오른쪽, 수평방향으로 배치 주축에서 플렉스항목이 배치되기 시작하는 지점을 '주축시작점', 배치가 끝나는 지점을 '주축 끝점'이라고 함 4.교차축 주축과 교차되는 방향, 기본적으로 위->아래 배치 교차축에서 배치가 시작되는 지점을 '교차축 시작점' 배치가 끝나느 지점을 '교차축 끝점'이라고 함 displ.. CSS 미디어 쿼리 접속하는 장치에 따라 특정한 CSS스타일을 사용하도록 함 브라우저 창의 너비를 조절할때마다 컬럼갯수가 달라짐 미디어 유형이 screen이면서 최소너비 200px 최대너비가 360px일 경우 미디어유형 :all print screen tv aural braille handheld procjection 웹문서의 가로 세로 지정 속성 :width, height, min-width,min-height, max-width,max-height 화면너비에 따라 배경이미지 바꾸는 소스 단말기의 가로너비와 세로높이 device-width, device-height , min-device-width, min-device-height,max-device-width... 화면회전 orientation: protrait 단말기.. CSS 반응형 웹 뷰포트 접속한 기기화면에 맞추어 확대하거나 축소해 표시 할 수있는 기능 태그 사이에 작성 /*가장많이 사용하는 형태, 스마트폰에맞추고 초기화면 배율 1*/ 그리드시스템 화면을 여러개의 칼럼으로 나누어 필요할 때마다 칼럼들을 묶어 배치하는 방법 화면 너비 값에 따라 '960 그리드시스템 ', '1200그리드 시스템'등으로 나뉨 컬럼 개수에따라 12,16,24 칼럼 그리드 시스템으로 나뉨 주로 960픽셀 12칼럼의 그리드 시스템 사용 가변 그리드 레이아웃을 사용할 경우 너비값이 줄어들면 실제 콘텐츠를 확인하기 불편하므로 가능하면 간결한 디자인을 사용하는것이 좋음 고정 그리드 레이아웃 화면 너비를 일정하게 고정하고 레이아웃만듦 문서의 맨 바깥부분을 #wrapper요소로 묶고 너비를 960px로 지정 화면 너비.. String 클래스 변경 불가능한 클래스 인스턴스 내의 문자열이 바뀌는 것이아니라 새로운문자열이 담긴 String 인스턴스가 생성 +을 이용한 문자열 결합은 연산시마다 새로운문자열을 생성하므로 메모리 공간에 부담될수있음 문자열의 비교 문자열리터럴은 공유되므로 str1,str2의 주소는같다. ' == ' 주소비교 'equals()' 내용비교 compareTo(String 타입 매개변수) 두 문자열의 값을 하나씩 비교하여 int(0 또는 0이 아닌 값)를 결과 compareToIgnoreCase: 영어의 대소문자 구분없이 '값을비교'하여 int(0또는 0이 아닌 값)를 결과로 돌려줌 concat() : 두 문자열 연결(=결합)하여 "하나의 새로운 문자열 객체" 생성 indexOf()찾고자 하는 해당문자열이 있으면 해당문자열의 .. CSS3와 애니메이션 -변형 transform:변형 함수; translate 요소 이동 scale 요소 확대 축소 rotate 요소 회전 skew 요소 왜곡 변형과 관련된 '속성' : 기준이되는 지점을 바꾸거나 요소의 원근감을 표현하기위함 transform-origin 변형기준점 설정 perspective 원근감 표현 perspective-origin: x축 값| y축 값 좀더 높은곳에서 원근조절 할 수 있음, perspective 속성이 함께 지정되어야함 #pers {perspective: 300px;} /*사용자 방향으로 크기만큼 이동*/ transform-style 여러가지 변형을 동시에 적용할때 하위요소에도 3d 변형 적용가능 flat: 하위요소 평면적용 preserve-3d: 하위요소들에 3d효과 적용 /*하위클래스*/ /.. CSS선택자 가상클래스와 가상요소 가상클래스 : 선택자가 여러 태그중에 원하는 태그를 선택하기위해 사용 가상요소 :: 내용의 일부만 선택해 스타일 적용 가상클래스 사용자가 웹 요소를 클릭하거나 마우스 커서를 올려놓는 등 특정동작을 할때 스타일을 바꾸고 싶을때 사용자동작 : link 방문하지 않은 링크에 스타일적용 : visted 방문한 링크에 스타일적용 : hover 웹 요소에 마우스커서를 올렸을때 스타일적용 : active 웹 요소를 활성화했을때(클릭했을때) 스타일 적용 : focus 웹 요소에 초점이 맞추어졌을때 적용 텍스트필드안에 마우스,tab눌러 초점이동했을때 ※선택자 순서주의 네가지 모두 정의 시 link -> visited->hover->active 순으로 UI요소 enabled disabled: 텍스트영역 필드 활성화 비활성.. Object 클래스-미완///// equals 원래는 주소비교, 오버라이딩해서야 객체에 저장된 값을 비교할 수 있다. String, Date, File, wrapper클래스는 오버라이딩 되어있음 class Person{ long id; public boolean equlas(Object obj){ if(obj!=null)&&obj instanceof Person{ return id== ((Person)obj).id; // }else{ return false; } } hashCode() 객체의 지문 equals와 마찬가지로 iv를 이용해 작업하도록 적절히 오버라이딩해야함. String 클래스는 오버라이딩 되어있음 toString() 인스턴스에 대한 정보를 문자열로 제공 오버라이딩 해야함. clone() 자신을 복제하여 새로운 인스턴스를 생성 이전 1 2 3 4 다음
