•  
  •  
  •  
  •  
 
2017 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
Mobis Phoebus site renewal
Samsung Thunders site renewal
2013 Korea Mobile Ad Awards
HCI KOREA 2014
Seoul Cinema site renewal
K2 shop Flash Update
MOBIS Carfe E-Catalog
TOYOTA KOREA website renewal
eider flash ebook solution
아빠..손 따뜻해..
오잉? 이건 뭐지?
행운아 안약 넣자~
이불 덮고있는 졸망이
아빠 손에 뭔가 있어?!
아빠 이렇게 내려가면 되는건가요?
먹이로 유인하다
참 똘똘하게 생긴 졸망이
아빠 날개가 되어줘! 난 날을꺼야~
 

Angularjs

앵귤러js 공부하면서 적어 놓는 것들

스코프 데이터 html로 바인딩하기

예를 들어 $scope.text1 = '<h3>제목</h3>';라고 있고 dom에서 {{text1}} 하면 바로 <h3>제목</h3>가 노출된다.이를 html로 적용시키려면 아래와 같이 만들어야한다. 방법 1. 헤더에서 angular-sanitize 를 불러와준다.   모듈에 ngSaitize를 넣어준다.  이제 준비가 되었다. dom에는 아래와 같이 넣어준다. 그럼 제대로 데이터가 html로 바인딩 된 것을 확인할 수 있다. 방법 2. 크게 다른건 없다.조금 설정하는 ...

... 2016/09/08

앵귤러js 공부하기 좋은 사이트 모음(계속 업뎃)

공식 레퍼런스https://docs.angularjs.org/api w3 school의 앵귤러jshttp://www.w3schools.com/angular/angular_ref_directives.asp (영문 사이트)http://www.w3ii.com/ko/angular/default.html (한글화) 국내 실무에 쓰일 법한 내용으로 정리해 놓은 블로그http://palpit.tistory.com/810 (국내) 추가 레퍼런스 , 예제 사이트 http://learnkode.com/Tutorial/Angular/angular-introduction (해외, 또 다른 예제와 레퍼런스 사이트)http://sixrevisions.com/javascript/learn-angular/  (해외, 앵귤러 시작하기 포스팅)http://plnkr.co/edit/Z9b2NJCCSpMK2VBTCM7l?p=preview  (해외, 예제, ui 라우터와 라우터 정보 활용)

... 2016/09/08

페이지 새로 불러오기

현재 보고 있는 페이지를 리로드가 필요할 때가 있다. 라우터를 주로 쓰게 되는데 $location.path('경로') 이렇게 하면 ng-router와 ng-view 로 해당 페이지가 바인딩 되긴 하지만 캐시가 남아있다.캐시를 지우는  $templateCache.removeAll(); 를 쓰기도 하지만 php를 이용해서 로그인 전/후에 따른 php 분류 코드가 제대로 안먹힐 때가 있다. 그래서 ...

... 2016/09/08

동적으로 외부파일 불러와서 dom에 바인딩($http, ng-view, ng-include 3가지 활용)

html 중에 메뉴를 아래와 같이 만들었다 가정합니다. index.html 그리고 메뉴 구조를 아래처럼 변수에 담아두겠습니다. app.js 이렇게 만들어 놓는 이유는 외부에서 동적으로 저 안에 메뉴가 추가되거나 삭제 되면 반영이 될 수 있도록 하기 위함입니다.  다음은 js파일에 앱설정을 합니다. app.js 모듈 설정을 추가 합니다.  모듈은 라우터랑 애니메이션을 넣겠습니다. 이제 스크립트로 ...

... 2016/01/19

Angularjs – 컨트롤러 밖에서 컨트롤러 안의 함수 실행

대부분은 아래와 같이 함수를 호출하게 된다.  클릭 A 라는 글자를 클릭하게 되면 스크립트 파일에서 controller 안의 함수를 호출한다. 값을 받은 callAlert 함수는 알럿창으로 click-A라고 출력하게 된다. 여기까지는 가장 일반적인 스코프안의 함수 실행이다. 그러나 스크립트 파일에서 angular controller 밖에서 해당 함수를 호출해야하는 경우가 생긴다.  이런 식으로 dom에서 ...

... 2015/02/24

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

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

... 2015/02/24

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
.