javascript
-
JavaScript 값으로서의 함수와 콜백MOOC/생활코딩 2016. 4. 21. 21:35
2016.04.19. - 값으로서의 함수와 콜백 자바스크립트에서는 함수도 객체이며 일종의 값이라고 볼 수 있다. 자바스크립트의 함수가 다른 언어에서의 함수와 다른점은 함수가 값이 될수 있다는 점이다. - 콜백 Call Back 값으로 사용될수 있는 특성을 이용하면 함수의 인자로 전달할 수 있다. 자바스크립트에서 함수는 일급객체이고 일급객체가 되기 위해서는 변수나 데이터 구조안에 담을수 있으며 파라미터로 전달될 수 있고 반환값으로 사용할 수 있어야하며 런타임에 생성될 수 있다는 조건을 만족하여야한다. 콜백함수는 함수형 프로그래밍에서 발생한 패러다임인데 함수를 인자로 넘겨 사용하겠다 라는 기법이다. 콜백함수는 일급객체이기 때문에 이를 객체로 다루면된다. 이는 다른 함수로의 리턴값으로 사용가능하다는 것을 의미..
-
JavaScript 유효범위MOOC/생활코딩 2016. 4. 19. 14:57
2016.04.19. - 유효범위 유효범위 (Scope)는 변수의 수명을 의미한다. 지역변수와 전역변수가 존재하며 지역변수는 일반적으로 함수 안에 선언된다.함수 밖에서 변수를 선언하면 그 변수는 전역변수가 된다. 전역변수는 에플리케이션 전역에서 접근이 가능한 변수다. 다시 말해서 어떤 함수 안에서도 그 변수에 접근 할 수 있다. 전역변수는 사용하지 않는 것이 좋다. 여러 가지 이유로 그 값이 변경될 수 있기 때문이다. 함수 안에서 전역변수를 사용하고 있는데, 누군가에 의해서 전역변수의 값이 달라졌다면 어떻게 될까? 함수의 동작도 달라지게 된다. 이것은 버그의 원인이 된다. 또한 함수를 다른 에플리케이션에 이식하는데도 어려움을 초래한다. 함수의 핵심은 로직의 재활용이라는 점을 상기하자. 변수를 선언할 때는..
-
JavaScript 정규표현식MOOC/생활코딩 2016. 4. 19. 14:20
2016.04.19. - 정규표현식 정규표현식(regular expression)은 문자열에서 특정한 문자를 찾아내는 도구다. 이 도구를 이용하면 수십줄이 필요한 작업을 한 줄로 끝낼 수 있다. 프로그래밍에서 사용하는 일종의 형식 언어. 주로 문자열(string) 관련 프로그래밍에 많이 사용된다. 특히 컴파일러의 파서 부분은 이 정규표현식이 반드시 들어간다. 프로그램을 작성할 때는 특성상 일정한 규칙을 가진 텍스트 문자열을 사용하는 경우가 많은데, 이럴 때 정규 표현식을 사용한다. 유닉스 계열 운영체제에서 CLI 환경을 주로 사용하는 경우 grep, sed, awk 등으로 인해 거의 필수적으로 알게될수밖에 없는 언어.(모르고 CLI 환경에서 컴퓨터를 사용할수도 있긴 하지만, 그럴경우 그냥 GUI 환경을 ..
-
JavaScript UI와 API 그리고 문서보는 법MOOC/생활코딩 2016. 4. 18. 23:40
2016.04.18. @ UI와 API 그리고 문서보는 법 API란? Application Programming Interface의 약자로 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. 아래 영상은 UI와 API의 차이점을 설명하기 위한 자료이다 레퍼런스와 튜토리얼 프로그래밍을 공부하기 위한 자료는 크게 레퍼런스(reference)와 tutorial(안내서)가 있다. 통상 튜토리얼은 언어의 문법을 설명하고, 레퍼런스는 명령어의 사전을 의미하다. 본 수업은 자바스크립트에 대한 일종의 안내서라고 할 수 있고, 자바스크립트 사전은 레퍼런스라고 할 수 있다. 자바스크립트의 API 자바스크립트의 API는 크게 자바스크립트 자..
-
JavaScript 배열, 객체, 모듈MOOC/생활코딩 2016. 4. 18. 18:57
2016.04.18. JavaScript 배열, 객체, 모듈 @배열 push : 배열의 끝에 원소 추가 concat : 복수의 원소를 추가 splice : 첫번째 인자에 해당하는 원소부터 두번째 인자에 해당하는 원소의 숫자만큼의 값을 배열로부터 제거한 후에 리턴한다. 그리고 세번째 인자부터 전달된 인자들을 첫번째 인자의 원소 뒤에 추가한다. shift : 배열의 첫 번째 원소를 제거 pop : 배열 끝점의 원소를 배열에서 제거 @ 객체 객체는 중괄호로 시작해서 중괄호로 끝난다. for 문은 in 뒤에 따라오는 배열의 key 값을 in 앞의 변수 name에 담아서 반복문을 실행한다. @ 모듈 순수한 자바스크립트에서는 모듈(module)이라는 개념이 분명하게 존재하지는 않는다. 하지만 자바스크립트가 구동되는..
-
Object Oriented JavaScript Scope & ClosuresMOOC/udacity 2016. 4. 16. 12:13
2016.04.15. OBJECT ORIENTED JAVASCRIPT @ Scopes * Lexical Scope lexical : 어휘의generate : 발생시키다, 만들어 내다 * Quiz : Variable Access * Scoping Limitations var 키워드는 변수앞에 꼭 선언하는 것이 좋다. 코드의 간결성, 가독성을 위해서. enclose : 두르다, 둘러싸다.broad : 넓은slightly : 약간, 조금declared : 공표한subvert : 전복시키다, 뒤엎으려하다 * Calling the Functions * Intro : Execution Contexts execution : 실행, 수행 * Execution Contexts vs. Lexical Scopes * In-..
-
[JavaScript] 07. 함수 표현식프로그래밍/JavaScript 2014. 5. 28. 16:20
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. 이 장에서 다루는 내용 - 함수 표현식의 특징 - 함수와 재귀- 클로저를 이용한 고유 변수* 함수 표현식은 자바스크립트에서 가장 강력하면서도 혼란스러운 부분중 하나인데 5장에서 설명하였듯이 함수를 정의하는 방법은 함수 선언과 함수 표현식 두가지이다. 첫 번째 방법인 함수 선언은 function 키워드 다음에 함수 이름을 쓰는 형태이다. 두 번째 방법으로는 함수 표현식을 사용하는 방법인데 함수 표현식 패턴은 일반적인 변수 할당과 거의 비슷하다. 7.1 재귀 - 재귀함수는 일반적으로 함수가 자기 자신을 이름으로 호출하는 형태로 이루어져 있다...
-
[JavaScript] 05-2. 참조타입프로그래밍/JavaScript 2014. 5. 27. 22:44
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. * 단원간 파트가 길어짐에 따라 단원을 분리하여 정리할 생각입니다. 5.3 Date 타입 - ECMAScript의 Date 타입은 자바 초기 버전의 java.util.Date에 기반한다.- Date 타입은 날짜와 시간을 저장할 때 1970년 1월 1일 자정부터 몇 밀리초가 지났는지 나타내는 숫자를 사용- 이런 형식을 사용하므로 Date 타입은 1970년 1월 1일 자정으로부터 285,616년 전후의 날짜를 정확히 표현할 수 있다.- 날짜 객체를 생성할 때는 new 연산자 다음에 Date 생성자를 사용- ECMAScript 5에서는 Date..