•  
  •  
  •  
  •  
 
2014 Werty Blog ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
K2 flash ebook solution
Mobis Phoebus site renewal
eider flash ebook solution
K2 shop Flash Update
Character illust for iPhone
Mobis Phoebus site renewal
HCI KOREA 2014
Kia motors Stage Motion Graphic
w3c korea
아빠..손 따뜻해..
행운이 뿌잉뿌잉 발사!!
참 똘똘하게 생긴 졸망이
음…아빠! 아빠가 빠뜨린게 있어~!
난 졸망이라고 함!
내려오려고 하는 올망이
오잉? 이건 뭐지?
아빠 날개가 되어줘! 난 날을꺼야~
아빠 손은 노아의 방주인가요?
 

CSS3 – 미디어쿼리 사이즈별로 임포트 방법

 예제는 768px 이상일 경우 나눔글꼴 css 로딩 되도록 코딩함

... 2014/10/24

리눅스 디렉토리 용량 확인

du 명령어도 있고, ls 명령어도 있고 이에 대한 설명은 검색만 하면 수도 없이 나온다. 그런데 내가 원하는 정보로는 없다.그냥 각 디렉터리 별로 용량을 확인해서 점유가 많은 디렉토리나 파일이 무엇인지 찾는 것이 목적이였다.  일단 루트 디렉토리에서 폴더 중에 하위 파일을 포함한 용량이 어떤 ...

... 2014/10/21
sub_error1

sublime text2 sftp 접속시 encoding error

서브라임 텍스트로 SFTP 플러그인을 통해서 서버에 접속하려 할 때 어떤 호스팅의 경우에는 아래와 같은 오류가 나면서 접속이 되지 않는다. sublime sftp an encoding error was encountered trying to read from the server. please adjust the "remote_encoding" setting in sft-config.json 이라고 하면서 ...

... 2014/10/17
케릭터_고슴도치1

div 엘리먼트 가로, 세로 중앙 배치

div를 브라우저의 정중앙이나 원하는 엘리먼트 정중앙에 위치시키고 싶을 때가 있다.특히 레이어 팝업을 만들어 노출할 때 주로 필요로 하다. 하지만 아쉽게도 이게 정답이다라고 할 방법은 없다. 이유는 어떤 것은 크로스 브라우징이 안되는 Transform을 사용할 때도 있고, 마진으로 억지로 맞추는 경우등 여러가지 방법등이 있다. 그중에 ...

... 2014/09/26
keycodes

키보드 키 코드

매번 쓸 때마다 찾는데 자바스크립트로 사용되는 코드를 또 더 찾아야해서 포스팅함.

... 2014/09/25

javascript – 랜덤 함수 만들기 (범위 지정)

시작 수 부터 끝 수까지의 숫자를 입력하면 그 안의 랜덤하게 정수로 반환 받는 함수이다.  

... 2014/09/24

javascript – 음수, 양수를 절대값으로 반환

가끔 값을 가지고 조건문 처리할 때 마이너스의 값을 그대로 쓰면 안되는 경우가 있다. Math.abs()를 쓰게 되면 음수든 양수든 절대값으로 반환해주기 때문에 양수로 받아 처리할 수 있다.  위는 예문에서 가져온 코드이다.자세한 설명 :  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/abs

... 2014/09/23

css – 크롬 position fixed 버그 해결 방법

크롬 브라우저에서 position값을 fixed로 만든 A라는 엘리먼트가 있는데 스크롤하다가 영상 오브젝트에 마우스 오버를 한 후 다시 스크롤을 하게 되면 A라는 엘리먼트 잔상이 영상 오브젝트 뒤에 생겨날 때가 있다.그리고 분명 fixed 인데 미세하게 떨리면서 스크롤할 때마다 스크롤 방향으로 조금씩 떨리면서 움직인다. 해결방법은 ...

... 2014/09/04

CSS – vimeo 영상 높이 값 반응형으로 적용하기

vimeo를 삽입하다보면 iframe을 이용해서 홈페이지에 삽입하게 된다.그런데 이게 아이프레임으로 크기를 잡아버려서 브라우저 창이 조절 될 때 안의 영상은 이상한 비율로 보여질 때가 있다.이는 반응형웹에 적절하지 않은 사항이기 때문에 팁을 하나 얻어왔다.참고로 처음에는 자바스크립트로 엘리먼트를 제어하는 것을 만들어서 사용해 왔으나 순수 ...

... 2014/09/04

IE9에서 script5022 DOM Exception: INVALID_CHARACTER_ERR (5) 오류 났을 때

반응형웹 사이트 프로젝트를 할 때 크로스 브라우징 검수를 할 때가 있다.작업하는 PC의 IE가 10이고 개발자 도구를 이용하여 IE 9 이하를 테스트하는 것과 실제 순수 IE9 이하와는 결과가 틀리게 나오는 경우가 많다. 또한 IE Tester도 비슷하게 구현하는 것인지라 최대한 가상 PC를 ...

... 2014/08/26

jQuery – a 태그의 href 값 변경하기

이미지 같은 경우에는 attr('src',  변경할 값) 으로 새롭게 속성값을 변경하지만 a 태그의 href는 프로토타입을 수정한다. 예를 들어 linkButton 이라는 클래스를 가진 a 태그가 있다고 할 때 아래와 같이 속성을 변경한다.

... 2014/07/24

css – 텍스트에 그림자와 그라데이션 함께 넣는 코딩

코드 미리 보기 : http://jsfiddle.net/2GgqR/2/ 텍스트에 그림자 효과와 그라데이션 효과를 함께 넣고 싶을 때가 있다.물론 정식으로 코드를 제공하진 않지만 많은 사용자들이 이 효과를 위해 여러가지 방법을 동원한다.그 중에서 가장 효율적인 방법은 아래와 같다. 위 처럼 css를 하고 아래 처럼 html을 넣으면 된다. 다만 위 ...

... 2014/06/11

현재 보이는 페이지의 파일명 가져오기

현재 위치한 페이지 파일명을 가지고 특정 액션을 취할 때가 있다.document.URL 이 전체 경로와 파일명을 포함한 경로이다.여기서 마지막에 걸려있는 폴더 / 구분을 기준으로 시작과 끝 문자열을 정의해서 가져온다.   위 코드를 보면 30이라는 숫자는 파일명이 확장자 포함 30자 정도까지 가져오란 것인데 혹 파일명이 ...

... 2014/05/23

Return false 대체하기

예전에는 <a href="#">을 사용해서 스크립트로 버튼을 구현하게 되었는데, 이 상태로 클릭하면 항상 맨 위 페이지로 올라가기 때문에 return false를 이용하였었다.하지만 이제 return false는 버리자! 아래와 같이 함수화 해놓고 활용하면 좋다.  그리고 사용할 때는 아래 처럼 사용한다.    

... 2014/05/22

CSS3 – 이미지 또는 div 회전

회전 시킬 이미지의 클래스를 .spinimage라고 가정하고 4초동안 한바퀴 돌아가는 애니메이션을 구현한다고 할 때 아래와 같이 만들면 된다.  회전을 멈출 때는 아래 코드를 활용한다. 멈춘 상태에서 회전을 진행하고 싶을 때는 아래 코드를 활용한다.      

... 2014/05/20
.