drexqq

Java의 디자인패턴인 Factory Pattern에 대해서 알아보자. 간단히 말하면 팩토리 패턴은 객체 생성을 대신 해주는 곳이라고 생각하면 된다. 이름에서 유추할 수 있듯이 공장같은 역할을 해준다. 예제를 보면서 이해해보자. package animal; public interface Animal { public void printDescript(); } 일단 Animal이라는 인터페이스를 생성해주었다. package animal; public class Cat implements Animal { @Override public void printDescript() { System.out.println("고양이입니다."); } public void catMethod() { System.out.printl..

Animation animation: {name} {duration} {timing-function} {delay} {iteration} {direction} {fill-mode} {play-state} Property Description animation-name @keyframes에 지정된 이름을 설정합니다. animation-duration 애니메이션이 실행되는 시간을 설정합니다. animation-timing-function 애니메이션 키프레임 움직임을 설정합니다. animation-iteration 애니메이션이 반복되는 횟수를 설정합니다. animation-direction 애니메이션 방향을 설정합니다. animation-fill-mode 애니메이션이 시간되기 전이나 끝나고 어떤 값을 적용할 ..

Transform 변환은 엘리먼트의 좌표를 조작하여 위치나 크기, 회적 각도 등을 변경하는 기법입니다. 변환함수는 이동(translate), 확대(scale), 회전(rotate), 기울이기(skew) 등의 주용 4가지 함수와 행렬변환, 원근변환이 있습니다. 이동(translate) 확대(scale) 회전(rotate) 기울이기(skew) 2d변환 translate(x,y) scale(x,y) rotate(angle) skew(x-angle,y-angle) 3d변환 translate3d(x,y,z) scale3d(x,y,z) rotate3d(ax,y,z,angle) x축 변환 translateX(x) scaleX(x) rotateX(angle) skewX(angle) y축 변환 translateY(y) ..

Background Blend mode normal | multiply | screen | overlay | darken | lighten | color-dodge | saturation | color | luminosity Porperty Description normal 배경색의 기본 값을 정의합니다. multiply 더 어두운 색으로 변경됩니다. screen 더 밝은 색으로 변경됩니다. overlay 원래 색상의 농도와 밝기를 변경합니다. darken 어두운 색으로 변경됩니다. lighten 밝은 색으로 변경됩니다. color-dodge 기본 색상을 밝게 합니다. saturation 채도의 변화로 색상이 변경됩니다. color 색을 통해 색상을 변경합니다. luminosity 밝기를/ 통해 색상을 ..

Background Reference Property Sample Description background background : #000 url(background.gif) no-repeat top center 배경 속성 단축형 background-image background-image : url(이미지 경로) 배경 이미지 설정 background-attachment background-attachment : fixed 배경 고정 여부 설정 background-color background-color : #fff 배경색 설정 background-position background-position : top 배경 이미지 위치 설정 background-origin background-origin : co..