해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 함수호출 함수에 대한 기본 수업에서 함수를 호출하는 방법을 알아봤다. 아래는 함수를 호출하는 가장 기본적인 방법이다. 자바스크립트에서 함수라는 것은 일종의 객체이다. 객체는 속성들을 가지고 있다. 이 속성에 값이 저장되어 있다면 "속성"이라고 하고, 함수가 저장되어 있다면 이것을 "메소드"라고 부른다. JavaScript는 함수를 호출하는 특별한 방법을 제공한다. 본 토픽의 시작에서 함수를 객체라고 했다. 위의 예제에서 함수 func는 Function이라는 객체의 인스턴스다. 따라서 func는 객체 Function이 가지고 있는 메소드들을 상속하고 ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. arguments 배열과 비슷하지만 배열이 아니다, 함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열이 있다. 이 배열에는 함수를 호출할 때 입력한 인자가 담겨있다. 아래 예제를 보자. 결과는 10이다. 자바스크립트는 매우 관대한 언어이기 때문에, 인자의 수를 마음대로 지정해도 에러가 나지 않는다. 위 예시를 살펴보면 sum()에 매개변수가 없는데, 인자의 수가 4개이다. 이러한 경우에도 에러가 나지 않는다. 위 코드에 arguments라는 것은 자바스크립트에서 약속된 특수한 변수이다. 이 변수 안에는 유사 객체(유사 배열)이 담겨져 있다..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 클로저 클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. 내부함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있다. 아래의 예제를 보자. 결과는 경고창에 coding everybody가 출력될 것이다. 위 예제에서 inner()는 내부함수, outter()는 외부함수이다. 즉 inner()는 var inner = function(){} 과 같은 의미로, 외부함수outter()의 지역변수라고 할 수 있..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 값으로서의 함수 JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. (어떠한 값을 변수에 담을 수 있다. 함수 또한 변수에 담을 수 있다. 그렇기 때문에 함수도 일종의 값이 되는것이다.) 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. 다음 예제를 통해서 그 의미를 알아보자. 위 두 코드는 같은 의미이다. 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. b는 일종의 변수의 역할을 하는 것이다. 이런 ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 함수지향 자바스크립트의 함수는 매우 강력하다. 함수에 대한 이해 없이는 자바스크립트를 잘 다루기 어렵다. 또한 자바스크립트에서 함수는 객체를 이해하는 데 가장 중요한 기초를 이룬다. 이번 강좌에서는 함수형 언어로서 자바스크립트의 면모를 다뤄보도록 하겠다. 유효범위 유효범위(Scope)는 변수의 수명을 의미한다. 아래의 예제를 보자. 결과는 global이다. 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 된다. 전역변수는 에플리케이션 전역에서 접근이 가능한 변수다. 다시 말해서 어떤 함수 안에서도 그 변수에 접근 할 수 있다. 그렇기 때문에 함수 ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 정규표현식 정규표현식(regular expression)은 문자열에서 특정한 문자를 찾아내는 도구다. 이 도구를 이용하면 수십줄이 필요한 작업을 한줄로 끝낼 수 있다. 정규표현식은 하나의 언어라고 할 수 있다. 그러므로 본 수업에서 정규표현식의 모든 것을 다루는 것은 불가능하다. 본 수업은 아래와 같은 전략을 취하고 있다. 입문자에게 정규표현식이 무엇인가에 대한 개념을 알려준다. 초심자에게는 사용법까지 공부하는 것은 무리다. 나중에 문자를 처리해야하는 상황이 생겼을 때 이곳을 찾아오거나 본 수업을 완주했을 때 마지막 단계로 본 수업을 공부한다. 정규..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. UI란? User Interface 의 약자이다. 컴퓨터를 제어하기 위한 방법은 키보드를 누르거나, 디스플레이를 통해서나, 스피커, 터치패드 등등 다양하다. 입력장치, 출력장치에 해당하는 점접 즉 중계자에 해당하는 것을 인터페이스 라고 한다. API란? Application Programming Interface의 약자로 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. 아래 영상은 UI와 API의 차이점을 설명하기 위한 자료이다. ex) javascript:ale..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. ※ 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 모듈을 이해하기 전, 부품이라는 것에 대해 잠시 알아보도록 하자. 프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 그 중의 하나가 코드를 여러개의 파일로 분리하는 것이다. 이를 통해서 얻을 수 있는 효과는 아래와 같다. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로..