분류 전체보기 (17) 썸네일형 리스트형 CSS Animation CSS Animation 앞에서 transition을 사용해서 CSS로 애니메이션 효과를 살펴보았습니다. 하지만 이는 state값이 바뀔때나 사용할 수 있기 때문에 가령 마우스커서를 이미지 위에 올리지 않고도 애니메이션 효과를 보고싶을 겁니다. 이를 위해서는 @keyframes를 사용할 필요가 있습니다. 원하는 애니메이션의 이름을 @keyframes 옆에 선언해주고 from to구문을 사용해주어야 합니다. 그리고 img에 animation: 사용자가지어낸이름 5s ease-in-out infinite;를 써주면 페이지가 로드되는 즉시 에니메이션이 실행 됩니다. infinite는 계속 무한이 애니메이션을 실행 시킵니다. 그런데 문제가 있습니다. 가령 아래 코드를 실행해보면 이미지가 뱅글뱅글 돌다가 마지막에.. CSS transform transform transform: rotateXYZ(앵글)을 주면 이미지를 원하는 축 만큼 돌려줍니다. 크기를 늘이거나 줄일 수 도 있습니다. "scaleX(몇배)" 처럼 쓴다면 x축을 "몇" 배 증가시킵니다. translateXYZ(픽셀값)을 주면 원하는 방향으로 이미지를 이리저리 움직일 수도 있습니다. 하지만 sibling 관계는 움직이지 않습니다. 가령 예를들면, hahahahaha 라 합시다. 바디에 스팬으로 hahahaha라는 텍스트가 써져있습니다. 그런데 옆에 이미지가 100px x축으로 오른쪽으로 움직였다고 해서 hahahah는 움직이지 않는다는 뜻입니다. transformation은 box element를 변형시키지 않습니다. margin, padding 이 적용되지 않습니다. 일종의 .. CSS transition CSS transition Go home transition을 주지 않으면 에니메이션이 없어서 이쁘지 않다. javascript를 사용해도 되지만 CSS에서 좋은 구문을 제공합니다. transition을 주는데 가령 anchor에게 주었습니다 a:hover는 앵커에 마우스커서를 호버링할때인데 이는 state값으로서 여기다가 transition을 주는 실수를 하지맙시다. 이유는 마우스 호버링이 끝나면 바로 바뀌어버리고 transition이 원활하게 끝맺지 못하기 때문입니다. transition은 우리가 알고있는 거의 모든 state에 반응합니다. 갸령 hover, active, focus, focus-within등에 작동합니다. Go home attribute value값으로 all 0.5 ease-in-.. 네이버 기사 웹크롤링 파이썬을 사용한 크롤링(BeautifulSoup4) 3개의 파이썬 코드를 사용해서 네이버 기사 100개를 긁어서 키워드, 제목, 날짜, 링크를 가져와 csv파일 형태로 저장합니다. 라이브러리는 BeautifulSoup4를 사용해야 합니다. HTML링크를 훑어서 원하는 텍스트를 가져와주는 기능을 담당합니다. 아래 코드는 클래스로 묶어야 하는데 첨이라 나중에 묶을 생각입니다. main.py from naver import search as naver_news_search from save import save_to_file search = input("키워드를 입력하세요 : ") result = naver_news_search(search) save_to_file(result) 별다른 기능은 없고 naver.. R 기초 파이썬과는 다른 R에 대해서 좀 알아보겠습니다. 언어의 syntax는 언어들마다 다르기 때문에 좀 알아가는 시간이 필요합니다. 파이썬보다는 쉽지만 또한 그때문에 좀 까다로운 면이 있습니다. R데이터형 확인 class(x) mode(x) is.numeric(x) is.integer(x) is.logical(x) is.character(x) R데이터형 변경 as.logical(x) as.character(x) R기타 데이터 NULL 비어있다는 의미(0조차도 아니다) -반복적인 연산에서 배열이나 변수의 초기값(아무것도 들어있지 않음)으로 사용 -배열의 초기값이나 다른 변수의 속성을 제거하는데 사용 NA 결손값(not available) NaN 비수치(not a number), 0/0인 경우 Inf 무한대, 1.. 데이터마이닝 로드맵 기본 개념 개념 설명 부연설명 독립변수 (입력변수, 예측변수, 일반적으로 X로 표시): 예측 모델의 입력변수 함수 y=f(x) 에 들어가는 x입니다. 종속변수 (출력변수, 목표변수, 타깃변수, 결과변수, 일반적으로 Y로 표시) 알고리즘 특정한 데이터마이닝 기술을 실행하기 위한 자세한 과정 예측/분류 목표 변수의 추정된 값 예측은 어떤 값이 나오고 분류는 어떤 클래스에 속하는가를 알려줍니다. 데이터 분할 --훈련데이터 --검증데이터 --평가데이터 데이터 분할하는 이유는 모델을 만들때 훈련데이터는 학습을 위해서 사용됩니다. 검증데이터는 훈련된 모델의 성능을 평가할때 사용합니다. 그런데 어떤 모델같은경우는 검증데이터를 사용해서 최적의 파라미터값을 찾기도 합니다. 따라서 평가데이터는 진정한 실전평가데이터로서 한.. 싱글턴 패턴 싱글턴 패턴 정의 싱글턴 패턴을 사용하면 클래스에서 자신의 단 하나뿐인 인스턴스를 관리하도록 만들수 있습니다. 그리고 다른 어떤 클래스에서도 자신의 인스턴스를 추가로 만들지 못하도록 해야합니다. 인스턴스가 필요하면 반드시 클래스 자신을 거치도록 해야합니다. 또한 어디서든 그 인스턴스에 접근할 수 있도록 만들어져야 합니다. 다른 객체에서 이 인스턴스가 필요하면 언제든지 클래스한테 요청할 수있게 만들고, 요청이 들어오면 그 하나뿐인 인스턴스를 건네주도록 만들어야 합니다. class MyClass { private MyClass() { public static MyClass getInstance() { return new MyClass(); } } MyClass객체 하나를 다른 클래스애서 new연산자를 사용해.. 데코레이터 패턴 데코레이터 패턴 정의 위의 정의를 보면 데코레이터 패턴의 역할은 알 수 있지만, 실제 코드를 구현할 때 어떤식으로 적용해야 할지는 알기 힘듭니다. 아래의 클래스 다이어그램을 한번 살펴봅시다. 커피숍 데코레이터 패턴으로 만들어보기 1. Beverage public abstract class Beverage { String description = "Unknown Beverage"; public String getDescription() { return description; } public abstract double cost(); } 2. CondimentDecorator public abstract class CondimentDecorator extends Beverage { protected Beve.. 이전 1 2 3 다음
