•  
  •  
  •  
  •  
 
2018 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
K2 shop Flash Update
eider flash ebook solution
TOYOTA PRIUS 2016
werty wordpress blog build
Kiehl’s Iris Magic Mirror Campaign
Lecture (Building website using wordpress)
K2 flash ebook solution
d&c site renewal
Impress Media FB App
행운이 뿌잉뿌잉 발사!!
꼬리들고 자는 졸망이
아빠 손은 노아의 방주인가요?
어허! 어허! 아빠 거기 내 단추~
바구니 안에 들어가있는 졸망이
먹이로 유인하다
참 똘똘하게 생긴 졸망이
이불 덮고있는 졸망이
아빠 날개가 되어줘! 난 날을꺼야~
 

Angularjs – 지정 엘리먼트 안에 자기만의 함수 호출을 가진 새로운 엘리먼트 생성하기

새로운 엘리먼트를 생성하는 방법은 아래 코드와 같다. 여기에 새로 생성되는 엘리먼트에 컨트롤러더 달아주고, ng-click과 같은 기능도 추가해서 만들어 보려고 한다. 일단 html을 아래와 같이 만든다.   이제 my-directive 엘리먼트 안에 새로운 엘리먼트를 만들고 함수 호출도 넣어보자.  제대로 작동하는지 아래 샘플로 확인할 수 있다. Result 탭을 클릭하여 Result Alert!! ...

... 2015/02/24

모바일웹에서 기상청 날씨(실황) 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

Angularjs – 외부 json 파일 불러와서 dom에 바인딩 시키기

코드 출처 : http://codepen.io/tutorialab/pen/EJAet?editors=101  위 처럼 html 을 만든다. 위 처럼 자바스크립트를 작성해서 데이터를 가져오게 만든다.

... 2015/02/12

Angularjs – jsonp 불러오기

외부에 있는 json 파일을 불러오는 코드이다. 출처 : http://jsfiddle.net/zkfruxu3/  위 처럼 html 안에 버튼을 클릭하면 doRequest 함수가 실행되게 만든다.  외부 파일을 $http.jsonp을 통해 불러오게 만든다. $http에 관한 자세한 정보는 API 문서 https://docs.angularjs.org/api/ng/service/$http 를 참고하면 된다.

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

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
.