•  
  •  
  •  
  •  
 
2018 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
Character illust for iPhone
K2 flash ebook solution
Seoul Cinema site renewal
Hold Holic
Seoul Cinema mobile web open
KGC Season Update
Kia motors Stage Motion Graphic
HFR sites open
Nike Tech Studio
어허! 어허! 아빠 거기 내 단추~
거품 샤워중인 졸망이
행운아 안약 넣자~
행운이 뿌잉뿌잉 발사!!
바구니 안에 들어가있는 졸망이
난 졸망이라고 함!
내려오려고 하는 올망이
아빠 이렇게 내려가면 되는건가요?
실내화에 들어가서 안나오려고 하는 졸망이
 

Javascript, jQuery

자바스크립트와 제이쿼리

모바일웹에서 기상청 날씨(실황) api 가져와서 파싱해서 노출까지 자바스크립트로 만들기

<포스팅 업데이트 : 2017년 4월 11일> 다시한번 해당 내용으로 data.go.kr 문의를 보냈습니다. 원문은 https://www.data.go.kr/information/QNA_0000000000014129/qna.do 이 곳을 참고해보시면 됩니다. 결론부터 말씀드리자면 api를 제공하는 입장에서 크로스도메인은 보안상의 이유로 허용할 수 없다고 합니다. 라이브러리가 안되는건 다른 라이브러리를 사용해서든 크로스도메인을 스스로 알아서 해결하여 사용하라는 이야기입니다. 참고로 ...

... 2015/02/23

jQuery – parseJSON에서 Uncaught SyntaxError: Unexpected token 오류날 때

이 것때문에 참 많이 고생했다. 혹시나 불러온 데이터의 형식이 문제인지 아니면 ajax로 불러올 때 설정을 잘못한건지 답을 찾기가 힘들었다. 그러던 중 조금씩 답이 보이기 시작했는데 바로 ajax로 불러온 데이터안에 구조중 빈공간이지만 내려쓰기 한 것이 있기 때문이였다. 즉 한줄로 써야하는 데이터를 html dom 구조로 ...

... 2015/02/13

JS – 현재 날짜 가져오기

현재 날짜를 년월일로 가져오는 방법은 아래와 같다. 추가로 댓글로 나그네님께서 제공해주신 코드입니다. 좀더 간결하고 편하네요. 정보 제공해주신 나그네님께 감사드립니다.

... 2015/02/13

jQuery 플러그인 – 크로스 도메인 ajax로 가져오기

외부에서 파일을 가져올 때 도메인이 다르면 보안 정책에 의해서 파일이 불러와지지 않는다. 이를 도와주는 플러그인이 있다. Cross-domain requests with jQuery 소개 및 다운로드 주소는 http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/ 이다. 사용 방법은 간단하다. 일반적으로 ajax 호출하는 것은 그대로 사용하고 head안에 플러그인을 불러오기만 하면 된다.  

... 2015/02/12

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

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

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

... 2014/11/06

키보드 키 코드

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

... 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

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

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

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

... 2014/05/23

Return false 대체하기

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

... 2014/05/22
.