본문 바로가기

분류 전체보기

(123)
ts vs js ts class Greeter { greeting: string; constructor (message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting; } } js var Greeter = (function () { function Greeter(message) { this.greeting = message; } Greeter.prototype.greet = function () { return "Hello, " + this.greeting(); }; return Greeter; })();
[Ionic] 앱 개발을 위한 준비 1. NodeJS / NPM 설치 https://nodejs.org 2. Installing cordova / ionic - Install Ionic $ npm install -g cordova ionic 3. Done. Start! - Start an App $ ionic start --v2 myApp blank $ ionic start --v2 myApp tabs $ ionic start --v2 myApp sidemenu 4. Run! - Run your App $ cd myApp $ ionic serve -c -l 옵션 -c : 콘솔로그 확인 -l : 3가지 플랫폼을 동시에 웹브라우저에서 보여주며 앱크기에 맞게 보여줌
[Ionic] Ionic 2 framework란? Ionic 2 framework란?하이브리드 앱 개발 프레임워크 중 하나 장점- 웹기술(HTML, CSS, JAVASCRIPT 등)을 가지고 앱개발을 할 수 있다- 각 플랫폼(iOS, Android, Windows 등)에서의 개발을 동시에 한번에 진행할 수 있다- 개발 비용이 줄어들고 빠르게 개발 할 수 있다
Angular CLI에서 Bootstrap3 사용하기 http://codingthesmartway.com/using-bootstrap-with-angular/
webpack.config.js var webpack = require('webpack'); module.exports = { entry: [ "./app.js" ], output: { path: __dirname + '/static', filename: "bundle.js" }, module: { loaders: [ { test: /\.js?$/, loader: 'babel-loader', query: { presets: ['es2015', 'react'] }, exclude: /node_modules/ } ] }, plugins: [ ] };
렉시컬 환경(Lexical Environment) 렉시컬 환경 - 함수가 사용할 함수, 변수를 렉시컬 환경에 설정 - 함수가 구조적, 독립적 환경에서 실행하기 위한 메커니즘 제공 - 초기화 단계에서 해석한 - 모든 함수/변수를 {key:value} 형태로 저장 - 함수/변수 이름을 key에 설정하고 값을 value에 설정 - 따라서 함수/변수를 key로 식별할 수 있음 렉시컬 환경 구성 렉시컬 환경은 - function, with, try-catch에서 생성 렉시컬 환경 구성 형태 렉시컬 환경(LE) = { ... 환경 레코드(ER: Environment Record): {...}, ... 외부 렉시컬 환경 참조(OLER: Outer Lexical Environment Reference): {...} } - 환경 레코드에 함수 안의 함수, 변수 기록 -..
실행 콘텍스트 - Execution Contexts - 함수의 실행 영역 - 함수 코드를 실행하고 - 실행 결과를 저장 실행 콘텍스트 = { 렉시컬 환경 컴포넌트 = { 환경 레코드 : {}, 외부 렉시컬 환경 참조 : {[[scope]]} }, 변수 환경 컴포넌트 = { 환경 레코드 : {}, 외부 렉시컬 환경 참조 : {[[scope]]} }, this 바인딩 컴포넌트 = {} }
클로저(closure) 클로저(closure)는 내부함수와 밀접한 관계를 가지고 있는 주제다. 내부함수는 외부함수의 지역변수에 접근 할 수 있는데 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근 할 수 있다. 이러한 메커니즘을 클로저라고 한다. var a = 1; function freeAdder(b) { return function(c) { return a + b + c; } } var add2 = freeAdder(2); add2(3); // 6 - [[scope]] 참조하여 내부함수에서 외부함수 변수 사용