•  
  •  
  •  
  •  
 
2014 Werty Blog ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
Google Webmaster Conference 2013
Seoul Cinema site renewal
eider flash ebook solution
K2 shop Flash Update
Samsung Thunders site renewal
2013 Korea Mobile Ad Awards
w3c korea
K2 flash ebook solution
Korea Web Design
음…아빠! 아빠가 빠뜨린게 있어~!
이건 훌라후프인건가요..
아빠 날개가 되어줘! 난 날을꺼야~
내려오려고 하는 올망이
바구니 안에 들어가있는 졸망이
아빠 이렇게 내려가면 되는건가요?
아빠..손 따뜻해..
행운아 안약 넣자~
행운이 뿌잉뿌잉 발사!!
 
케릭터_고슴도치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
prefix_01

워드프레스 db 테이블 접두어(table prefix) 변경 방법

워드프레스를 이용하다보면 호스팅을 이전해야하거나 여러 개의 워드프레스를 한 호스팅안에 설치할 경우가 생겨납니다. 그런데 이렇게 하나의 DB안에 여러 개의 워드프레스를 설치하기 위해서는 워드프레스 설치 당시 접두어인 wp_ 라고 입력되어있는 부분을 다르게 입력하고 설치하면 되지만 이미 다른 호스팅에서 설치되어있는 워드프레스를 옮겨와서 접두어(prefix)만 변경해서 ...

... 2014/04/18
n_IMG_3848

웹 접근성 보장 방안 세미나 다녀왔어요.

여의도 이룸센터 이룸홀에서 열린 '웹 접근성 보장 방안 세미나'를 다녀왔습니다.사람들이 엄청 많이 오셨더군요.덥지 않은 날씨인데도 실내에는 사람들의 열기로 에어컨을 켜야했습니다.   17차도 주시고 감사합니다. ^^약간 보안과 관련된 내용이 저에게 와닿지 않아서 힘들긴 했지만 알고 있으면 좋을 듯한 내용이였고, 전체적으로 내용이 알찬 정보들이였습니다. 마지막 ...

... 2014/04/18

목록이 여러 페이지일 때 첫페이지와 나머지 페이지 다르게 구성하기

워드프레스로 제작한 사이트에서 메인 또는 카테고리 목록에서 포스팅들이 많아 페이지 번호로 구성되어 여러 페이지로 나뉘어 있을 때가 많습니다.접속 페이지 경로를 보면 ~/page/2/ 이렇게 표시되는 경우를 말합니다. 그런데 목록 첫번째에서만 배너나 슬라이드를 보여주고 나머지 페이지에서는 다르게 구성하고 싶을 때 활용합니다. 사용 방법은 아래와 ...

... 2014/04/12
.