•  
  •  
  •  
  •  
 
2015 Werty Blog ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
KOURSS.org
w3c korea
KGC Sports site renewal
werty wordpress blog build
Google Webmaster Conference 2013
Mobis Phoebus site renewal
Hold Holic
KT Season Update
Seoul Cinema site renewal
아빠 날개가 되어줘! 난 날을꺼야~
거품 샤워중인 졸망이
잠은 편하게 자야지~
아빠 손에 뭔가 있어?!
참 똘똘하게 생긴 졸망이
아빠 이렇게 내려가면 되는건가요?
행운이 뿌잉뿌잉 발사!!
행운아 안약 넣자~
먹이로 유인하다
 

Javascript – 모바일 브라우저 접속 체크

모바일 기기로 접속하였는지 여부를 확인한 후 개별적으로 링크를 따로 구현하게 될 때가 많다. 특히 모바일웹을 따로 구축하게 되는 경우가 이러한데 모바일이 시대가 흐를수록 다양해지다보니 오래전 스크립트가 제대로 작동되지 않을 때가 있다. 이를 해소해주는 사이트가 있다. http://detectmobilebrowsers.com/ 위 사이트로 이동한 뒤 javascript 파일을 다운 받아 ...

... 2015/01/26

jQuery – css로 display none와 block에 상태에 따른 처리

css를 이용해서 인터렉션을 구성해 놓은 경우가 있다. 특히나 display : block 과 none를 이용해서 요소를 보이거나 사라지게 하는 상황이 많은데 스크립트로 함수를 만드는 중에 이에 따른 행동이 필요할 때가 있다.  .popup 엘리먼트가 가시적으로 보이는지 아닌지에 따른 조건문이다.

... 2015/01/26

jQuery – Ajax로 데이터 불러오기

외부 데이터를 불러올 때 Ajax를 통해서 가져오는 경우가 많다. Ajax를 통해서 Json 형식의 파일을 불러오는 예제를 만들면 아래와 같다.  설명하자면 timeout 에 3000을 입력해둔 것은 외부 데이터를 불러오는 데 응답확인 시간을 지정한 것이다. 굳이 지정하지 않아도 된다. 하지만 만약에 설정하지 않고 연결이 ...

... 2015/01/26

jQuery – 스마트폰 스크린 회전 감지 스크립트

스마트폰의 스크린이 가로모드와 세로모드를 감지하여 필요에 따라 스타일시트나 스크립트를 다르게 사용하는 경우가 있다. 일단 css의 미디어쿼리로 처리하는 방법을 보면 아래와 같다.  위 처럼 쓰면 일단 작동이 제대로 되긴 된다. #cover가 사라져있다가 landscape 되는 순간 보여지게 되는 것이다. 그러나 문제는 입력칸에 포커스가 되었을 때다. ...

... 2015/01/13

css – 모바일웹 화면 회전시 텍스트 크기가 변경될 때

반응형 웹사이트를 제작하다보면 미디어쿼리를 이용해서 모바일 화면의 폰트 크기를 지정하는 경우가 있다. 그런데 세로로 보는 상태에서 화면을 회전시켜 가로 모드 (Landscape)가 되면 텍스트들이 자동으로 커지는 현상을 발견할 것이다. 픽셀로 정의한 폰트가 아닌 가변적인 치수로 지정할 경우 그러한데 이는 스마트폰의 브라우져가 컨텐츠 정보를 ...

... 2015/01/13

페이스북 공유시 나오는 정보 수정 방법

일단 페이스북에 주소를 입력하거나 공유하게 되면 나오는 정보들이 있다.이 정보들을 사이트에 설정하려면 아래 링크를 찾아가서 메타 태그를 헤더안에 넣으면 된다. https://developers.facebook.com/docs/sharing/best-practices?locale=ko_KR   그리고 나온 정보가 제대로 반영되지 않을 때는 페이스북 개발툴에서 캐시를 삭제한다.  https://developers.facebook.com/tools/debug/og/object/ 위 주소로 접속하면 캐시를 지울 사이트 주소를 입력하는 칸이 나온다.주소를 입력하고 ...

... 2015/01/07

css3 – 아이폰에서 스크롤이 부드럽지 않고 버벅일 때

 위와 같이 써주면 스크롤이 자연스럽게 변하게 된다.

... 2015/01/06

Mysql-간단하게 테이블과 필드 생성

 필드가 3개인 테이블을 생성하는 방법으로 필드명A는 고유키로 설정하며 자동으로 증가하는 인덱스와 같은 기능으로 사용하려고 설정하였다.

... 2015/01/06

Mysql – 문자셋(character set) 변경문

테이블이나 필드에 한글이 안들어갈 때 문자셋을 utf-8로 변경하여 설정한다. 1. 테이블의 문자셋을 변경할 경우 2. 테이블안의 필드에 문자셋을 변경할 경우  위 처럼 명령을 입력한다.

... 2015/01/06

jQuery – 특정 속성 가진 엘리먼트 찾고 속성 제거하기

특정 속성을 가진 엘리먼트를 찾는 방법은 쉽니다.  위 코드처럼 선택하면 div 중에 title 속성이 있는 엘리먼트들을 선택하게 된다.그러면 여기서 title이라는 속성을 지우면 아래와 같다.  간단하다. removeAttr이면 된다.

... 2014/11/06

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
.