프로그래밍(TA, AA)/자바스크립트 (28) 리스트형 [Vue.js] 공식 가이드 문서 요약 (1) [선언적 렌더링]Vue.js의 핵심은 간단한 템플릿 구문을 사용해 선언적으로 DOM에 데이터를 렌더링 하는것.data와 DOM이 연결되어 모든것이 반응형(reactive)하다. element 속성을 바인딩 하는것도 가능 [디렉티브]v-bind 속성 디렉티브(e.g. )라고 한다. 디렉티브는 Vue에서 제공하는 특수 속성인 v- 접두어가 붙어있으며 렌더링된 DOM에 특수한 반응형 동작을 한다. v-if 속성을 통해서 엘리먼트 토글이 가능하다. v-for 디렉티브는 배열의 데이터를 사용해 목록을 표시한다. v-model 디렉티브는 앱 상태를 양방향으로 바인딩한다. v-on 디렉티브(e.g. ...)를 사용하여 Vue 인스턴스에 메소드를 호출하는 이벤트 리스터를 첨부할 수 있다. DOM을 건드리지 않고 앱의 .. [자바스크립트] 압축(Minify) / 난독화(Uglify) 자바스크립트 관련 구글링을 하다 발견한 git 페이지(https://github.com/nhnent/fe.javascript/)입니다. javascript 개발하실때, 참조하시면 많은 도움이 될것 같습니다. 오늘 포스팅은 위 페이지에서 압축과 난독화 세션을 공부 겸 정리해 두려고 합니다. 모든 상세한 내용은 위의 링크를 따라가셔서 확인 바랍니다. 그외 참고 사이트 https://velopert.com/3421 https://joshua1988.github.io/web-development/webpack/caching-strategy/ 압축과 난독화 - 서비스에서 공통으로 사용되는 주요 소스 코드들은 별도의 파일로 분리하여 사용 - 코드의 재사용, 캐시 적용, CDN 사용 등의 장점 - 코드 압축은 최소의.. [자바스크립트] strict mode를 사용해야 하는 이유 "use strict"; 가 도대체 무엇이고, 이것이 의미하는 것은 무엇이며, 왜 필요한 것일까요? Strict Mode는 ECMAScript 5버전에 있는 새로운 기능으로써, 프로그램 또는 함수를 엄격한 운용 컨텍스트 안에서 실행할 수 있게끔 합니다. 이 엄격한 콘텐스트는 몇가지 액션들을 실행할 수 없도록 하며, 좀 더 많은 예외를 발생시킵니다. - 흔히 발생하는 코딩 실수를 잡아내서 예외를 발생시킵니다. - 상대적으로 안전하지 않은 액션이 발생하는 것을 방지하거나 그럴때 예외를 발생시킵니다. 예를 들자면 전역객체들에 접근하려 한다거나 하는 것들입니다. - 혼란스럽거나 제대로 고려되지 않은 기능들을 비활성화시킵니다. 이 strict mode는 파일 전체에 적용시킬 수도 있고, 아니면 특정한 함수 안에서.. ECMAScript® 2015 Language Specification http://www.ecma-international.org/ecma-262/6.0/ [자바스크립트] 알아두면 좋은 패턴 Must Know PatternsConstructor Pattern: In JavaScript almost everything is an object. We often need to create objects. There are 2 ways to create object. (1) object literal notation. (2) Using new operator. Modular Pattern: This is used to emulate the concept of classes in JavaScript. A class/module in JavaScript is coded with the help of function expressions. This helps to break code in modules .. 이전 1 2 3 4 5 6 다음