Vue.js - 기본 CDN 설치 ① Vue.js는 최신 트렌드에 맞는 진보적인 프레임워크이다. ② 핵심 라이브러리에는 뷰 레이어에 초점을 맞춰어 코딩하면 된다. ③ 대규모 개발 프로젝트에서 Vue.js는 통합 관점에서 매우 편하다는 것을 알 수 있다. cs Vue.js 기초문법1 - 선언적(정적) 렌더링1(Rendering) 1 2 3 4 5 6 7 8 9 10 11 12 {{ message }} var app = new Vue({ el: '#app', data: { message: '안녕하세요 Vue!' } }) cs 실행 화면 Vue.js 기초문법2 - 선언적(정적) 렌더링2(Rendering) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 마우스를 올리면 타이틀 메시지를 볼 수 있어요..
Vue.js - 설명 및 CDN 설치 방법 ① Vue.js는 React와 마찬가지로 가상 DOM 을 사용하고 핵심 라이브러리에 집중하고 있다.② 현재 Github 에서 4만 개가 넘는 Star를 획득해 React 와 Angular의 인기보다 높다.③ 대규모 개발 프로젝트에서는 CLI(npm) 설치 및 Webpack 빌드를 추천한다.④ 이번 포스팅에서는 간단하게 CDN 설치 방식을 설명하며, 다음 포스팅에 CLI 설치를 설명하기로 한다.⑤ 실제 프로젝트에서 사용해 본 결과 신선하고 가벼운 느낌으로 타 프레임워크 대체에 충분하다고 생각한다. cs Vue.js - Ajax (Fetch) 통신 예제 123456789101112131415161718192021222324252627282930313233343536..
싱글톤(Singleton) 설명 ① 자바스크립트 싱글톤 패턴은 클래스 함수의 인스턴스를 한 개만 유지한다. ② 즉, 여러 객체를 생성 하더라도 최초 생성된 객체를 사용하는 것이다. ③ 객체에 대한 접근자(비공개 멤버 : 클로저)를 사용하여 해당 객체를 공유하는 것이다. 1 2 3 4 5 6 var singletonObj = { a : '값', b : function () { } } cs 싱글톤(Singleton) 예제 ① 아래 예제 코드에서 비공개 함수 init()의 return 값으로 반환 하는 객체가 바로 싱글톤 객체이다. ② 내부 변수에 접근하여 객체를 반환하는 클로저(Closure) 패턴을 사용했다. ③ 즉, 객체를 여러 번 생성(getInstance)를 하더라도 한 개의 객체를 참조하게 되는 것..
Javascript(자바스크립트) - 반복문 for loop(루프) 팁 (1). Javascript - for loop 일반적인 패턴(Pattern) ① 일반적인 패턴 에서는 Loop 문 수행 시 각 배열 및 오브젝트의 length 에 접근한다. ② Json 및 collection 객체 일 경우는 수행 비용이 크다고 볼 수 있다. ③ DOM 접근에 필요한 수행 비용을 줄이자. 1 2 3 4 5 6 7 8 //for_normal.js for ( var i = 0; i
Javascript(자바스크립트) - Null, Undefined, 데이터형 비교 (1). Javascript - 데이터형에 대한 간단 설명 ① false 반환하는 값 : '', "" , null , undefined, 0, NaN ② true 반환하는 값 : 위에 목록을 제외한 나머지 ③ Javascript 는 타 언어에 비해 데이터형에 대해서 자유로운 언어이다. (2). 데이터형 변환 비교 1 2 3 4 5 6 7 8 9 10 11 12 13 // Number 형 var value1 = 7; console.log(value, typeof value1); // String 형 var value2 = "7"; console.log(value, typeof value2); // 비교 console.log(..
![[좋은사람]](https://tistory1.daumcdn.net/tistory/1510577/attach/56b4c683045e4e5fb703da5a50954748){kind=small}