프론트엔드 정복하기

우리는 보통 jQuery로 클릭 이벤트를 생성하기 위해서 다음의 코드를 작성한다.$(id).click(function() { ... });  --> element가 js를 처음 로드한 시점 이후에 생긴 경우 click 이벤트가 적용되지 않음.$(document).on('click', 'id', function)  위와 같이 작성하게 되면 element가 동적으로 추후에 생성됐다 할지라도 이벤트가 동작한다.  --> click 이벤트가 여러번 등록될 가능성 존재페이지가 새로고침되거나 한 번 더 실행 될 때마다 click 이벤트가 계속 등록이 되어서 나중에는 click 이벤트가 여러 번 실행되는 현상이 발생한다. 그것을 방지하기 위해서 e.stopImmediatePropagation() 메소드를 실행시켜줘야..

filter filter의 종류 currency, date, filter, json, lowercase, orderBy 등 다양하다. 공식문서 docs.angularjs.org/api/ng/filter/orderBy date html : {{ date_expression | date : format : timezone }} js : $filter ( 'date' ) ( date, format, timezone ) 파라미터 Type Details date date, number, string yyyy-MM-dd 등.. format (optional) string timezone (optional) string filter html : {{ filter_expression | filter : expressi..

c10106.tistory.com/4721 깨진 이미지를 대체하는 jQuery / JavaScript 깨진 이미지를 대체하는 jQuery / JavaScript 여러 이미지가 포함 된 웹 페이지가 있습니다. 때로는 이미지를 사용할 수 없으므로 클라이언트 브라우저에 깨진 이미지가 표시됩니다. jQuery를 사용하여 c10106.tistory.com qastack.kr/programming/16310298/if-a-ngsrc-path-resolves-to-a-404-is-there-a-way-to-fallback-to-a-default ngSrc 경로가 404로 해석되면 기본값으로 대체하는 방법이 있습니까? qastack.kr

앵귤러 내장 디렉티브 ng-app : ng-app이 선언되는 부분부터 '앵귤러를 시작할거다!' 라고 알려주는 개념이다. 코드가 아래와 같을 때, body 태그 부분에 앵귤러 코드가 있다고 알려준다. 앵귤러는 body 코드 중에서 앵귤러 디렉티브를 찾아서 파싱하게 된다. ng-init js 변수, 함수를 초기화한다. 코드가 아래와 같다면, name이라는 변수에 Chris라는 string을 할당한다. Hello {{name}} 보통 ng-init 디렉티브는 프로토타입을 만들 때 정도로 사용하고, 실제로 데이터를 가공할 때는 모듈, 컨트롤러 구조로 많이 사용한다. module (선언하기) angular.module('모듈명',[]) 위는 angular 내장 함수다. 첫번째 param으로 모듈명을 입력, 두번째..

docs.angularjs.org/guide/concepts ANGULAR JS Conceptual Overview Concept Description 한글 설명 Template HTML with addtional markup 추가적인 마크업이 포함된 HTML이다. 앵귤러js 앱이 가동될 때, 컴파일러를 이용하여 이런 새로운 마크업이 있는 Template을 파싱한다. Directives extend HTML with custom attributes and elements 사용자가 정의한(custom) 속성과 요소로 되어 있는 확장된 HTML 앵귤러는 태그에 있는 속성과, 태그명을 직접 정의해서 사용할 수 있다. Model 보기에서 사용자에게 표시되고 상호작용하는 데이터 Scope 컨트롤러, directi..

최근에 A브랜치에서 작업을 완료 후 pull Request를 올렸다. 그리고 새로운 기능의 작업을 위해 B브랜치를 따서 쭉 작업하는 중, A브랜치에서 작업한 내용의 코드 리뷰를 받아 수정할 사항이 생겼다. A브랜치로 넘어가 코드 수정을 해야하는데, B브랜치에서는 작업 중이다 보니 A브랜치로 그냥 넘어갈 수가 없다. 위 상황에서 우리가 선택할 수 있는 옵션은 다음과 같다. 현재 작업 중인 상황을 그대로 commit을 한다. 새로운 브랜치를 따서 commit 후, 다시 현재 브랜치로 돌아온다. git stash 명령어를 이용한다. 3은 1, 2와 달리 branch를 새로 따거나, 불필요한 commit을 할 필요가 없어진다. 작업중이던 파일을 git stash => (수정된) 현재 상태를 working dir..