MOOC
-
JavaScript 생성자와 newMOOC/생활코딩 2016. 4. 23. 20:28
2016.04.23. - 생성자 함수표현식 앞에 new가 붙어있으면 생성자라고 부르고 객체로 인식한다. 또한 리턴값도 객체를 반환한다. 생성자 내에서 객체의 프로퍼티를 적용함으로서 얻는 이득은 초기화라는 작업을 하여주므로 이를 통해서 코드의 재사용성이 매우 높아지므로 개발자 입장에서는 중복되는 코드들을 줄일수 있다. 생성자 함수는 일반 함수와 구분하기 위해서 첫 글자를 대문자로 표시하는것이 관례이다. 생성자함수는 자바스크립트 생성자의 특징으로 자바스크립트에서 객체를 만드는 주체는 함수이고 함수 앞에 new를 붙이는 점은 자바스크립트가 추구하는 자유로움을 알수있다. - 생성자 함수의 이름은 일반적으로 대문자로 시작- 생성자 함수 안에서 this 키워드로 생성자 함수로 생성될 객체의 속성을 지정- 생성자 함..
-
JavaScript 함수의 호출MOOC/생활코딩 2016. 4. 23. 17:21
2016.04.23. - 함수의 호출 함수를 호출하는 가장 기본적인 방법 123function func(){}func();cs 1234567891011o1 = {val1:1, val2:2, val3:3}o2 = {v1:10, v2:50, v3:100, v4:25}function sum(){ var _sum = 0; for(name in this){ _sum += this[name]; } return _sum;}alert(sum.apply(o1)) // 6alert(sum.apply(o2)) // 185cs 두개의 객체를 만들어 각자 3개와 4개의 속성을 가지고 있는 o1, o2로 정의하였다. 다음으로는 함수 sum을 생성하는데 객체의 속성을 열거 할 떄 사용하는 for in 문을 사용하여 객체 자신(th..
-
JavaScript ArgumentsMOOC/생활코딩 2016. 4. 22. 22:08
2016.04.22. - Arguments .length를 통해서 이 객체를 포함하고 있는 함수가 몇 개의 인자를 가지고 있는지 알 수 있다.arguments 안의 대괄호를 통하여 각자 인자의 특정한 자릿수의 값을 알아낼 수 있다. 123456789function sum(){ var i, _sum = 0; for(i = 0; i arguments는 함수안에서 사용할 수 있도록 그 이름이나 특성이 약속되어 있는 일종의 배열이다. arguments[0]은 함수로 전달된 첫번째 인자를 알아낼 수 있다. 또 arguments.length를 이용해서 함수로 전달된 인자의 개수를 알아낼 수도 있다. 이러한 특성에 반복문을 결합하면 함수로 전달된 인자의 값을 순차적으로 가져올 수 있다. 그 값을 더해서 리턴하면 인자..
-
JavaScript 클로저MOOC/생활코딩 2016. 4. 21. 22:38
2016.04.21. - 클로저 클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. 12345678function outter(){ function inner(){ var title = 'Hello World JavaScript Closer'; alert(title); } inner();}outter();Colored by Color Scriptercs 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있다. 위의 코드는 내부함수에서 외부함수로의 지역변수에 접근하여 title변수의 내용을 출력할수 있다. 12345678function outter(){ var ti..
-
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는 크게 자바스크립트 자..