•  
  •  
  •  
  •  
 
2017 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
K2 shop Flash Update
Hold Holic
Google Webmaster Conference 2013
KOURSS.org
Mobis Phoebus site renewal
HYUNDAI Department Store, PanGyo
Kiehl’s Iris Magic Mirror Campaign
Nike Tech Studio
HCI KOREA 2014
난 졸망이라고 함!
아빠 손은 노아의 방주인가요?
이불 덮고있는 졸망이
먹이로 유인하다
아빠 손에 뭔가 있어?!
행운아 안약 넣자~
아빠 날개가 되어줘! 난 날을꺼야~
이건 훌라후프인건가요..
거품 샤워중인 졸망이
 

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
.