잘 정리해보자

* 브라우저창 끝 이벤트 $(window).scroll(function() { if ($(window).scrollTop() == $(document).height() - $(window).height()) { alert('End of Window'); } }); * DIV 끝 이벤트 $("#inside").scroll( function() { var elem = $("#inside"); if ( elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) { alert("End of Yellow"); } });

1. iframe 태그에 접근 시, $('iframe').contents().find('head') 로 접근하기 contents() 붙이고 접근!!! iframe은 id붙여서 접근해도 가능 2. iframe안의 html의 javascript 함수 접근하려면 document.querySelector('iframe').contentWindow.Init.init(); contentWindow로 접근하기 3.ios에서 iframe 사용 시, div로 한번 감싼 후에 쓰기!! 스크롤 주고 싶다면 div에 주는것이 나음 은 ios에서 html에 직접 쓸 경우 css깨질 확률이 있으니, javascript에서 $('#div').html(''); 해서 사용!

3. 응용 -> 이렇게 style에도 쓸 수 있음 Total in dollar: {{ quantity * cost }} -> 계산도 가능, 결과 : 5 4. Angular JS object - 객체 형태 The name is The name is {{ person.lastName }} -> 객체형태로 저장한 후, person.lastName으로 보여줌 var app = angular.module('app',[]); app.controller('control',['$scope',function($scope){ $scope.obj = {}; //-> 객체 선언 $scope.click = function(){ $scope.obj.id = document.getElementById('m_id').value; $..

1. 선언부 2. 기초 data-ng , ng 나 똑같음 -> Angular JS 를 정의함 Name: ng-model : 데이터 입력 할 곳, html컨트롤 값 ng-bind : 해당 이름으로 받은 데이터를 보여줌 ng-init : 해당 이름으로 초기화 시켜줌 Name: {{name}} {{name}} 으로 데이터 보여줄 수 있음 Email: Not a valid e-mail address ng-show : 해당 경우가 true일 때 메시지를 보여준다. $scope.hideYN = true; {{obj.id}} {{obj.password}} 특정 조건일 때 if문 걸어서 hideYN true, false 설정 가능 연습 예제 First Name: ->초기화 되어진 데이터 보여줌 Last Name: Fu..

underscore.js 함수 정리 _.isEmpty() _.find() _.reject(배열, {키값:값}) 특정원소지워짐 _.select() : _.select([33,44,22],function(item){return item > 22}); result : [33,44] _.pluck() : array의 object형식으로, key/value 값으로 추출 _.pluck([{key : 1, val : '11'},{key : 2, val : '22'}],'key'); result : [1,2] _.pluck([{key : 1, val : '11'},{key : 2, val : '22'}],'val'); result : ["11","22"] _.map() : 배열 값을 변경 시켜서 추출 _.map([{k..

function ajaxTest() { $.ajax ({ type : "GET", // GET / POST url : 'test.html', // 서버측에서 가져올 페이지 data : 'a=1&b=2&c=3', // 서버측에 전달할 parameter timeout : 3000, // 응답대기시간 dataType : 'html', // html , javascript, text, xml, jsonp 등 beforeSend: function() { // ajax 요청하기전에 실행되는 함수 }, success : function(data) { // 정상적으로 완료되었을 경우에 실행된다 }, error : function(request, status, error ) { // 오류가 발생했을 때 호출된다. }, ..

javascript 에서 함수를 동적으로 활용 할 때, 문자열로 받은 후 함수를 실행시키려면 window['testFn'](); 이렇게 실행시키면 됨. -> window 객체에는 선언한 함수들이 모두 포함되서 window[]로 사용 가능 객체들도 모두 마찬가지임 -> var obj = { key1 : value1, key2 : value2, key3 : function(){ console.log('test'); } }; obj['key1'] = obj.key1 -> value1 obj['key3'](); = obj.key3() -> function(){} 과 같음

앱 구성 시, 프로세스 중 라이프 사이클 관련 함수들을 호출하는데, 사용자가 현재 상태에서 다른 상태로 갈 경우 ( 현재 앱에서 다른앱이 끼어 들어올 경우 ) 를 대비해 현재앱의 상태를 변경해 충돌을 막는 것이 라이프 사이클 관련 함수를 호출하는 이유이다. 라이프 사이클 콜백 함수들 onCreate() -> onStart() -> onResume() onPause() -> onStop() -> onDestroy() -> onRestart() -> onStart() Resumed : background에 있던 activity를 forground로 현재화면에 부른다. Paused : activity를 back으로 옮긴다. ( 취소버튼 눌러서 앱이 화면에 나타나지 않음) Stopped : 완전히 backgro..