객체지향프로그래밍-1.객체지향프로그래밍 오리에테이션 2.추상화 3.부품화 미완성 객체지향 프로그래밍은 크고 견고한 프로그램을 만들기 위한 노력의 산물이다. 객체지향이라는 큰 흐름은 현대적 프로그래밍 언어들을 지배하고 있는 가장 중요한 맥락이라고 할 수 있다. 하지만 자바스크립트의 객체지향은 다른 언어들의 객체지향과 사뭇 다르다. 특히 Java나 C++과 같은 주류 객체지향 언어에 익숙한 독자라면 극심한 혼란을 경험할 수도 있다. 바로 이러한 특성 때문에 웃으면서 들어갔다가 울면서 나오게 된다. 하지만 최소한 주류가 된 언어라면 그 언어가 추구한 나름대로의 지향점이 있을 것이다. 그 지향점에 대해서 이해하고 언어를 대한다면 훨씬 더 즐겁게 언어를 음미할 수 있을 것이다. 특히 모든 처리의 중심에 함수를 두는 자바스크립트를 공부하다 보면 객체지향을 이렇게도 추구 할수도 있는 거구나 하는.. 생활코딩 JavaScript 6년 전
함수지향 - 함수의 호출 - 1.apply소개 2. apply사용미완성 1.apply소개 함수에 대한 기본 수업에서 함수를 호출하는 방법을 알아봤다. 아래는 함수를 호출하는 가장 기본적인 방법이다. function func(){}func();JavaScript는 함수를 호출하는 특별한 방법을 제공한다. 본 토픽의 시작에서 함수를 객체라고 했다. 위의 예제에서 함수 func는 Function이라는 객체의 인스턴스다. 따라서 func는 객체 Function이 가지고 있는 메소드들을 상속하고 있다. 지금 이야기하려는 메소드는 Function.apply과 Function.call이다. 이 메소드들을 이용해서 함수를 호출해보자. 결과는 3이다. function sum(arg1, arg2){ return arg1+arg2;}alert(sum.apply(null, [1,2]))함수 su.. 생활코딩 JavaScript 6년 전
함수지향 클로저-1.내부함수,외부함수 2.크로저란? 3. private variable 4.클로저의 응용 미완성 1.내부함수,외부함수 클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. 내부함수자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있다. 아래의 예제를 보자. 결과는 경고창에 coding everybody가 출력될 것이다. function outter(){ function inner(){ var title = 'coding everybody'; alert(title); } inner();}outter(); 위의 예제에서 함수 outter의 내부에는 함수 inner가 정의 되어 있다. 함수 inner를 내부 함수라고 한다.내부함수는 외부함수의 지역변수에 접근할 수 .. 생활코딩 JavaScript 6년 전
함수지향-값으로서의 함수와 콜백 1.함수의 용도-1 2.값으로서의 함수와 콜백-함수의 용도2 3.값으로서의 함수와 콜백-콜백이란?4.비동기 콜백과 Ajax 미완성 1.함수의 용도-1 JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. 값이라는 것은 어떠한 변수 var a='sss' sss는 a의 값이된다 그럼 함수가 일종의 값이라면 어떠한 변수에 담을수 있는 속성을 겆고있다고 할 수있다 function a(){}//함수를 정의했다 //a이라고하는 자바스크립트의 변수에 담겨진 일종의 값이라는 것 var a = function (){}//이것도 a에 함수를 담은 것 이렇게 될 수 있는 이유는 값이기 때문에 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속.. 생활코딩 JavaScript 6년 전
유효범위 1.전역변수와 지역변수 2.유효범위의 효용성 3.전역변수 사용하는법 4.유효범위의 대상5.정적 유효범위 1.전역변수Global Variable와 지역변수Local Variable자바스크립트에서 함수는 모듈화 근간 코드재사용 , 정보 구성 ,정보 감추고 객채행위를 지정하는 행위에 함수를 사용함 .(다른 언어들도 유사)유효범위(Scope)는 변수의 수명을 의미한다. 아래의 예제를 보자. 결과는 global이다. var vscope = 'global';//vscope이라는면수를 'global'로 할 당햇다 //fscope이 함수 밖에 있는 vscope변수에 접근할 수 있다 것이 코드의 취지function fscope(){/ 경고창에 global이 호출됨 alert(vscope);}fscope(); 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 된다. 전역변수는 에플리케이션 전역에서 접근이 가능한 변수다. 다.. 생활코딩 JavaScript 6년 전
함수지향 함수지향 카테고리의 하위 수업들은 함수형 언어로서 자바스크립트의 면모를 다룬다. 자바스크립트의 핵심적인 도구는 함수다. 자바스크립트의 함수는 매우 강력하다. 함수에 대한 이해 없이는 자바스크립트를 잘 다루기 어렵다. 또한 자바스크립트에서 함수는 객체를 이해하는 데 가장 중요한 기초를 이룬다. 하지만 난이도가 조금 있는 내용이다. 기초수업을 이수했다면 구체적인 자바스크립트의 호스트 환경에 대한 학습으로 넘어가도 된다. 함수에 대한 고급 내용을 다루는 본 카테고리는 나중에 학습해도 좋다. 하지만 언젠가는 꼭 정복해야 할 부분이다. 사실 그렇게 어렵지도 않다. 다만 코드를 처음 다루는 입문자라면 함수와 관련된 기능들의 취지에 공감이 잘 안될지도 모르겠다. 생활코딩 JavaScript 6년 전
정규표현식 -1.오리엔테이션 2.패턴만들기 3.RegExp 객체의 사용 4.String과 정규표현식 5.옵션(i,g)6.캡쳐7.치환 1.오리엔테이션 정규표현식(regular expression)은 문자열에서 특정한 문자를 찾아내는 도구다. 이 도구를 이용하면 수십줄이 필요한 작업을 한줄로 끝낼 수 있다. 정규표현식은 자바 ,스크립트 ,perl 등 에서 도 사용이 된다 . 어떠한 텍스트안에 어떤 정보가 있는지 없는지를 찾아 낸다 거나어떠한 텍스트안에 있는 여러 정보들중에서 어떤 패턴에 해당되는 것을 찾아서 다른 텍스트로 치환해야할때 정규 표현식이 필요하다 정규표현식은 하나의 언어라고 할 수 있다. 입문자에게 정규표현식이 무엇인가에 대한 개념을 알려준다. 초심자에게는 사용법까지 공부하는 것은 무리다. 나중에 문자를 처리해야하는 상황이 생겼을 때 이곳을 찾아오거나 본 수업을 완주했을 때 마지막 단계로 본 수업을 공부한다.정규표현식을 이미 .. 생활코딩 JavaScript 6년 전
UI와 API 그리고 문서보는 법1.UI와 API 소개 2.문서보는법 1.UI와 API 소개API 란?Application Programming Interface의 약자로 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. 아래 영상은 UI와 API의 차이점을 설명하기 위한 자료이다UI란?user interface사람(사용자)과 사물 또는 시스템, 특히 기계, 컴퓨터 프로그램 등 사이에서 의사소통을 할 수 있도록 일시적 또는 영구적인 접근을 목적으로 만들어진 물리적, 가상적 매개체를 뜻한다. 사람들이 컴퓨터와 상호 작용하는 시스템이다.물리적인 하드웨어와 논리적인 소프트웨어 요소를 포함한다.(중계자라고 생각하면 된다 사용자의 의중을 시스템에게 전달하고 시스템의 상태를 사용자에게 보여주는것 ).. 생활코딩 JavaScript 6년 전
