•  
  •  
  •  
  •  
 
2014 Werty Blog ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
Seoul Cinema site renewal
KOURSS.org
Moss & Dew studio web site
Impress Media FB App
Kia motors Stage Motion Graphic
MOBIS Carfe E-Catalog
werty wordpress blog build
Hold Holic
KGC Season Update
거품 샤워중인 졸망이
이불 덮고있는 졸망이
아빠..손 따뜻해..
실내화에 들어가서 안나오려고 하는 졸망이
행운이 뿌잉뿌잉 발사!!
꼬리들고 자는 졸망이
어허! 어허! 아빠 거기 내 단추~
난 졸망이라고 함!
아빠 손에 뭔가 있어?!
 

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
werty2014_1280x720

WERTY2014 바탕화면 아트웍

오래전에 만든 아트웍을 조금 변형해서 바탕화면용으로 만들었습니다.사이즈 : 1280 x 720  pixel , 이미지에 마우스 오른쪽을 눌러 다른이름 저장하시거나 클릭하여 원본을 확인하셔도 됩니다.  아래는 위 이미지를 만들기 위해 리터칭하기 전에 자료들입니다.

... 2014/04/11
hello

원페이지 웹사이트

요즘 마이크로 사이트에서 조금씩 유행이 되어가고 있는 원페이지는 하나의 페이지 안에 스크롤링을 하여 컨텐츠를 정리해 놓은 사이트를 말합니다. 먼저 해외부터 볼까요? We Are Visual Animals 비주얼 디자인 중심의 기업 또는 그룹인듯한 WAVA 사이트입니다.첫페이지에서 클릭하여 내려가거나 우측에 네비게이션 UI를 이용해서 위아래로 이동합니다.눈 모양은 그 ...

... 2014/04/08
pageper

각 카테고리별로 노출되는 포스트 갯수 설정하기

워드 프레스는 에서 '페이지당 보여줄 글의 수'에 입력한 숫자만큼 카테고리나 첫 페이지에 보여지게 된다. 그러나 카테고리에 따라 갯수를 다르게 보여주고 싶을 때가 있다. 다음과 같이 예를 들어 A라는 카테고리의 경우는 10개, B라는 카테고리의 경우는 20개, C라는 카테고리의 경우는 30개를 보여주고 싶다면 일단 ...

... 2014/04/01
chrome_app

디자이너들에게 추천하는 크롬 브라우저 앱기능

실무자 중에서도 크롬이나 파이어폭스를 이용해서 웹을 서핑하는 분들이 많이 계실꺼라 생각합니다. 그 중에 크롬에는 크롬 웹스토어를 통해 새로운 기능들을 추가할 수 있는데요. 이 앱들로 인해서 작업하기도 수월하고 간단합니다. 1. 창 크기를 조절하여 반응형웹을 테스트하기 적합한 'Window Resizer' 다운로드 경로 : https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh 크롬 브라우저로 위 경로를 ...

... 2014/04/01
w3c_or_kr

w3c korea

반응형웹사이트로 제작한 사이트입니다.워드프레스의 기본 테마를 베이스로 w3c 테마를 새로 제작하였고 ie7~8에서 최적화하기 위해 추가 css를 제작하였습니다.사이트 구축 기간은 단독으로 수행하여 약 2주정도의 작업으로  마무리되었습니다.

... 2014/03/29

리눅스-root 권한 폴더나 파일 nobody로 변경

리눅스 서버의 root 아이디로 만들어진 폴더는 사용자가 이미지를 업로드하거나 플러그인과 같은 것을 설치할 때 그 대상 디렉토리가 root 권한으로 생성되어 사용이 불가능하다.그래서 권한을 nobody으로 변경하게 되는데 그 방법은 아래와 같다. 만약 워드프레스의 wp-content라는 디렉토리와 그 안의 파일들을 nobody로 바꾸고 싶을 때에는 ...

... 2014/03/28
wpconfig

워드프레스 컨텐츠 디렉토리(wp-content)로 이동할 수 없습니다.

테마나 플러그인을 대시보드에서 설치하는 도중에 '워드프레스 컨텐츠 디렉토리(wp-content)로 이동할 수 없습니다.'라고 뜨는 경우가 있다. 아마 이 경우는 거의 드믈게 뜨는데 본인같은 경우 워드프레스 디렉토리를 이동시키면서 발생했다. 간혹 ftp 경로가 달라지거나 설정과 다르게 되었을 경우에도 뜨는 것 같다. 해결 방법은 아래와 같다. wpconfig.php를 열어 아래 ...

... 2014/03/28
.