본문 바로가기

분류 전체보기

 (597)
클로저 (Section 20) 참고> opentutorials.org/course/743/6544 1. 클로저 : 내부 함수가 외부 함수의 맥락(context)에 접근할 수 있는 것 2. 내부함수: 함수 내의 함수 중 안쪽에 있는 함수 3. 외부함수 : 함수 내의 함수 중 바깥쪽에 있는 함수 4. 내부 함수는 외부 함수의 지역 변수에 접근 가능 5. 클로저를 사용하면 private variable을 사용할 수 있음. -> 내부 함수가 리턴될 때 각자의 맥락(context)을 가지기 때문. ex) function factory_movie(title){ return { get_title : function (){ return title; }, set_title : function(_title){ title = _title } } } gh..
값으로서의 함수와 콜백 (Section 19) 참고> opentutorials.org/course/743/6508 1. Javascript에서는 함수도 객체임. 즉, 일종의 값임. Javascript에서 다른 언어와의 차이점은 함수가 값이 될 수 있다는 점이다. 2. 메소드 : 객체 안에 선언된 함수 3. 함수를 배열에 넣어서도 사용 가능 ex) var process = [ function(input){ return input + 10;}, function(input){ return input * input;}, function(input){ return input / 2;} ]; var input = 1; for(var i = 0; i < process.length; i++){ input = process[i](input); } alert(inpu..
유효 범위 (Section 18) 참고> opentutorials.org/course/743/6495 1. 유효 범위 (Scope) : 변수의 수명 - var 을 함수 밖에서 쓰면 전역 변수, 함수 안에서 쓰면 지역 변수 - for문을 함수 밖에서 쓰면 얘도 전역 변수를 선언해버릴 수 있다. ex) for(var i = 0; i 전역 변수를 단 하나만 쓰고, 더 필요한 전역 변수들은 맨 처음에 만든 그 변수 안에서 선언하자. ex) MYAPP = {} MYAPP.calculator = { 'left' : null, 'right': null } MYAPP.coordinate = { 'left' : null, 'right' : null } MYAPP.calculator.left = 10; MYAPP.calculator.right = 20; ..
함수 지향 (Section 17) 참고> opentutorials.org/course/743/6583 1. 자바스크립트의 핵심적인 도구는 함수이며, 자바스크립트의 함수는 매우 강력하다. 앞으로의 몇 Section 동안 함수형 언어로서의 자바 스크립트를 다룰 것이다.
정규 표현식 (Section 16) 참고> opentutorials.org/course/743/6580 1. regex를 표현할 땐 / 를 사용 ex) var pattern = /a/; 2. regex를 RegExp 객체 생성으로 표현할 수도 있음 ex) var pattern = new RegExp('a'); 3. 문자열 추출: exec() 함수 ex) pattern.exec('abcde'); 4. 문자열 확인: test() 함수 ex) pattern.test('abcde'); 5. 정규 표현식의 옵션 - i : 대소문자를 구분하지 않음 - g : 패턴에 해당되는 모든 문자열을 찾음 6. 정규표현식을 visualizing 해주는 사이트도 regex 이해에 도움이 됨 -> regexr 7. 캡처 기능 : 괄호안의 패턴을 변수처럼 재사용 가능..
UI 와 API 그리고 문서보는 법 (Section 15) 참고> opentutorials.org/course/743/6533 1. 자바스크립트 자체의 API - ECMAScript (이거 보고 개발하는 건 조금 어렵긴 함.. 보면 좋긴 하지만..) - 생활코딩 JavaScript 사전 (ECMAScript를 좀 더 쉽게 풀어논 버전) - 자바스크립트 레퍼런스 (MDN, Firefox를 만든 Mozilla 재단에서 만듦) - jscript 레퍼런스 (MSDN) 2. 자바스크립트 호스트 환경의 API - 웹브라우저 API - NodeJS API - Google Apps Script API
모듈 (Section 14) 참고> opentutorials.org/course/743/4750 1. HTML의 header 태그 안에 script 파일을 include 하는 형식으로 script를 모듈화할 수 있음. 함수가 많을 경우 include할 js 파일에 함수를 별도로 두고 main js 파일에서는 그냥 호출만 해줄 수 있음. -> ex) 2. 호스트 환경에 따라 모듈을 로드하는 방식이 달라진다. 예를 들어, Nodejs 에서는 require() 함수를 통해 모듈을 로드한다. 3. 라이브러리는 모듈과 비슷한 개념. 왠만하면 라이브러리 좋은 것들 있으면 새로 만들지말고 갖다 쓰는게 훨 효율적임. 4. jQuery는 $로 시작함
객체 (Section 13) 참고> opentutorials.org/course/743/6491 1. JavaScript 의 객체는 다른 언어에서 map, dictionary 와 유사하다. 2. 객체 만드는 법 ex) var grades = {'person1': 10, 'person2': 6}; ex) var grades = {}; grades['person1'] = 10; grades['person2'] = 6; ex) var grades = new object(); grades['person1'] = 10; grades['person2'] = 6; 3. 객체 속성 접근 ex) grades.person1 4. for문과 객체의 사용 ex) for(key in grades) { document.write("key: " + key +..

티스토리툴바