본문 바로가기

소개

[AngularJS 1.x] AngularJS - 02. 이해하기 AngularJS 이해하기 Hello, world 출력- 먼저 AngularJS로 Hello, world 출력해보자 Name : Hello, {{message}}! 위의 코드는 angularJS를 사용하여 Hello, world를 출력한 결과이다.위의 소스를 브라우저에 실행시킨다면 다음과 같은 화면이 나타날 것이다. angularJS의 특징중의 하나인 양방향 데이터 바인딩의 특징을 확인하기 위해서"world"라는 메시지를 실시간으로 변경이 가능하도록 상단에 Input박스를 두었다.양방향 데이터 바인딩에 대해서는 다음에 대해 알아보도록하고, 우선 소스코드를 다시 보면 낯선 단어가 많이 보인다.angular.module ?$scope ?ng-app ? ng-controller ? ng-model ?이런 낯선.. 더보기
[AngularJS 1.x] AngularJS - 01. 소개 AngularJS란? AngularJS는 구글에서 제작하고 2009년에 발표된 자바스크립트 프레임워크이다.그렇다면 프레임워크는 무엇인가?"프레임워크" 는 많은 뜻이 있다. JavaScript 프레임워크의 목적은 보통 웹사이트에 필요한 작업을 하는 데에 불필요한 작업들을 줄이는 것이다. 프레임워크는 기본적으로 틀을 잡아주며, 특정 문제를 해결하기 위해 설계되어 있다. AngularJS 개념AngularJS 는 SPA(Single Page Application) 프레임워크라고 합니다.- 예를 들어, 하나의 웹 페이지가 실행할 때 View 단에 해당되는 부분이 페이지의 주소가 바뀌지 않으면서 또 다른 새로운 view를 동적으로 로드하여 사용하는 것을 SPA 라고 한다.- 아래 그림의 좌측 단일페이지는 브라우저.. 더보기
[TypeScript 타입스크립트] - 소개 * TypeScript?- 자바스크립트로 대규모 어플리케이션 개발을 위해 개발- "TypeScript is a typed superset of JavaScript that compiles to plain JavaScript"- 자바스크립트의 상위집합(슈퍼셋) 언어. MS에서 개발되어 발표되었다.- TypeScript는 JavaScript와 완벽 호환되며, 추가적인 타입과 클래스, 인터페이스를 제공하고 정적 타이핑도 제공한다. * 배경- 최근들어 새로운 언어를 발표하는 것이 하나의 트렌드- Apple의 swift, Google의 Dart등의 새로운 실용적인 언어들이 발표- MS에서도 2013 Build 행사에서 TypeScript라는 언어를 발표 * 특징 : JavaScript와 완벽한 호완성을 가지고 있.. 더보기