자바스크립트
-
[Node.js] 2. 전역 객체 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:32
Chapter 2. Node.js의 전역 객체 1. 전역변수 웹 브라우저에서 동작하는 자바스크립트 최상위 객체는 window 객체입니다. but, Node.js는 웹 브라우저에서 동작하는 것이 아니므로 window객체가 존재하지 않습니다!! => 전역 변수와 전역 함수를 갖는 형태. 문자열 자료형의 전역변수인 __filename과 __dirname이 있습니다. 두 개의 변수는 변수 명으로도 눈치채셨으리라 생각됩니다. 콘솔을 통해 확인해보도록 하겠습니다. 아래 소스 코드를 node.global.js에 저장합니다. 12console.log('filename: ', __filename);console.log('dirname: ', __dirname);cs 파일이 있는 경로와 파일 명을 __filename을 통..
-
[Node.js] 1. 설치 및 애플리케이션 구동 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:30
Chapter 1. Node.js 설치 및 애플리케이션 구동 1. Node.js 개발 환경 구축 nodejs.org에 접속하여 해당 PC에 맞게 다운받아서 Next를 눌러서 설치하면 됩니다. 2. 명령 프롬프트(cmd)를 실행시켜 node를 입력합니다. 문제없이 설치되었다면 아래와 같이 나옵니다. 3. 간단한 콘솔 로그를 찍어보겠습니다. 12console.log('Hello World.. !'); Colored by Color Scriptercs 아래와 같이 Hello World.. ! 가 출력되는 것을 확인 할 수 있습니다. 4. node.basic.js 파일을 작성하여 애플리케이션을 구동해봅시다! 12console.log('Hello World.. !'); Colored by Color Scripte..
-
[AngularJS] 16. Application - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:25
AngularJS Application AngularJS 단일 페이지 어플리케이션(Single Page Application{SPA})을 만들 시간입니다! 1. An AngularJS Application Example 2. Application ExplainedmyNote.html 1234567891011121314151617181920212223242526272829 My Note Save Clear Number of characters left: Colored by Color Scriptercs myNoteApp.js 123 var app = angular.module("myNoteApp", []); Colored by Color Scriptercs myNoteCtrl.js 1234567 app.c..
-
[AngularJS] 15. Includes - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:25
AngularJS Includes AngularJS에서, HTML 내에 HTML 파일을 포함 할 수 있습니다. 1. HTML Includes in Future HTML HTML안에 HTML의 부분을 포함하는 것은 HTML에서는 아직 제공하지 않습니다. HTML 불러오기는 미래의 버전의HTML을 위한 W3C 제안 http://www.w3.org 입니다: 1cs 2. Server Side Includes 대부분의 웹 브라우저는 Server Side Includes(SSI)를 제공합니다. SSI에서, 페이지가 브라우저에 보내지기 전에 HTML안에 HTML을 포함 할 수있습니다. 1cs 3. Client Side Includes 자바스크립트를 이용하여 HTML안에 HTML을 포함하는 방식은 많은 방법이 있습니다..
-
[AngularJS] 14. Bootstrap- Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:24
AngularJS and Twitter Bootstrap Bootstrap은 유명한 스타일 시트입니다. 1. Bootstrap AngularJS 어플리케이션에 Bootstrap을 포함하기 위해서, 요소에 아래 라인을 추가해 줍니다: 12 cs 2. HTML Code 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 Users Edit First Name Last Name Edit {{ user.fName }} {{ user.lName }} Create New User Create..
-
[AngularJS] 13. 검사(Validations) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:23
AngularJS Input Validation AngularJS 서식과 제어는 입력 데이터를 검사 할 수 있습니다. 1. Input validation 이전 장에서 폼과 제어에 대해 배웠습니다. AngularJS 폼과 제어는 유효성 서비스를 제공하고, 사용자의 무효한 입력을 알립니다. * tip: Client-Side 유효성 검사는 사용자 입력을 단일로 보안화 하지 않습니다. Server side 유효성 검사 또한 필요합니다. 2. Application Code 123456789101112131415161718192021222324252627282930313233343536373839404142434445 Validation Example Username: Username is required. Ema..
-
[AngularJS] 12. 서식(Forms) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:23
AngularJS FormsAngularJS 서식은 입력 제어의 집합입니다. 1. HTML Controls HTML 입력 요소는 HTML 제어라고 부릅니다: - input 요소 - select 요소 - button 요소 - textarea 요소 2. HTML Forms HTML 서식은 HTML 제어가 함께있는 그룹입니다. 3. Application Code 12345678910111213141516171819202122232425262728293031323334 First Name: Last Name: RESET form = {{user }} master = {{master}} function formController ($scope) {$scope.master = {firstName:"John", la..
-
[AngularJS] 11. 모듈(module) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:22
AngularJS Modules 모듈은 어플리케이션을 정의합니다. 모든 어플리케이션 제어는 모듈 내에 속해야 합니다. 모듈은 어플리케이션을 좀 더 가독성을 높혀주고, 전역 네임스페이스를 깔끔하게 해줍니다. 1. AngularJS Module Example myApp.js는 어플리케이션 모듈 정의를 포함하고, myCtrl.js는 제어를 포함합니다: 123456789101112131415161718 {{ firstName + " " + lastName }} Colored by Color Scriptercs 2. Controllers Pollute the Global Namespace 모든 예제는 전역 값을 사용합니다. 전역 값(Global value)는 어플리케이션에서 피해야 합니다. 쉽게 덮어쓰여지거나, ..