FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. 슬슬 강의가 어려워집니다.. 클로저 이해하느라 2시간걸렸다.. - 내부함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있습니다. function outter(){ function inner(){ var title = 'test'; console.log(title); } inner(); } outter(); 위의 예제에서 함수 outter의 내부에는 함수 inner가 정의 되어 있습니다. 여기서 함수 inner를 내부 함수라고 합니다. 내부함수는 외부함수의 지역변수에 접근할 수 있습니다. function outter(){ var title = 'test'; function inner(){ console.log(title..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 콜백 함수 값으로 사용될 수 있는 함수의 특성을 이용하면 함수의 인자로 함수를 전달할 수 있습니다. 값으로 전달된 함수는 호출될 수 있기 때문에 이를 이용하면 함수의 동작을 완전히 바꿀 수 있습니다. 이때 값으로 전달된 함수를 콜백 함수라고 합니다. 콜백함수는 처리를 위임받는 함수라고 할 수 있습니다. function sortNumber(a,b){ // 위의 예제와 비교해서 a와 b의 순서를 바꾸면 정렬순서가 반대가 된다. return b-a; } var numbers = [20, 10, 9,8,7,6,5,4,3,2,1]; console.log(numbers.sort(sortNumber)); // array, [20,10,9..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 전역변수 유효범위(Scope)는 변수의 수명을 의미하고있습니다. var vscope = 'global'; function fscope(){ console.log(vscope); } fscope(); 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 됩니다. 전역변수는 애플리케이션 전역에서 접근이 가능한 변수입니다. 다시 말해서 어떤 함수 안에서도 그 변수에 접근 할 수 있는 것입니다. 때문에 함수 fscope 내에서 vscope를 호출 했을 때 함수 밖에서 선언된 vscope의 값 global이 반환된 것입니다. 아래 예제를 보자. 결과는 '함수안 local'과 '함수밖 global'이 출력된다. - 지역변수 var vsco..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. 정규표현식(Regular Expression)이란? 정규표현식은 문자열에서 특정한 문자를 찾아내주는 도구입니다. 이 도구를 사용하여 수십줄이 필요한 작업을 한줄로 끝낼 수 있습니다. 정규표현식은 하나의 언어라고 볼수있습니다. 해당포스팅에서는 JS에서 정규표현식을 어떻게 다루는지를 작성한 포스팅입니다. 아래의 링크에서 정규표현식에대해 자세히 알 수있습니다. opentutorials.org/course/909 정규 표현식이란? - 생활코딩 정규표현식 정규표현식(正規表現式, Regular Expression)은 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 '검색'하거나 '치환'하는 과정을 매우 간편하게 처리 할 수 있도록..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - API 란? Application Programming Interface의 약자로, 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치입니다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있습니다. - 자바스크립트의 API 자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분됩니다. 자바스크립트 자체에서 제공하는 API 의 정보 ECMAScript (표준문서) 자바스크립트 사전 (생활코딩) 자바스크립트 레퍼런스 (MDN) jscript 레퍼런스 (MSDN) MDN은 파이어폭스에서 제공하는것입니다. 생활코딩에서 만든것은 한글화가되어있는데 MDN에..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 라이브러리 라이브러리는 모듈과 비슷한 개념입니다. 하지만 모듈은 프로그램을 구성하는 작은 부품으로써 로직을 의미한다면 라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 정리가 되어있는 코드들의 집합이라고 할 수 있습니다. 프로그래밍을 할 때 라이브러리를 만들어서 사용하는 것도 좋지만, 이미 좋은 라이브러리가 많기 때문에 잘 알아보고 선택하여 사용하는 것은 코딩을 할 때에 효율성을 높일 수 있습니다. - 라이브러리 사용 (jQuery) empty empty empty empty 위의코드는 버튼을누르면 "empty"라고 가진 문자열 텍스트를 "good~" 으로 바꾸는 코드입니다. 해당코드의 중요한 부분만 간단히 설명하자면...

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - 모듈이란? 모듈은 프로그램을 구성하는 작은 부품입니다. 코드의 재활용성을 높이고 유지보수를 쉽게할 수있게 하기위해 다양한 기법들을 사용합니다. 그 중 하나가 코드를 여러개의 파일로 분리하여 사용하는것입니다. 그렇게된다면 아래와같은 효과를 얻을수있습니다. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할 때 시간과 네트워크 트래픽을 절약..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - 객체(Object) 객체는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부릅니다)의 집합입니다. 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key / Value Pair를 저장할 수 있는 구조입니다. - 객체의 생성 자바스크립트에서 객체를 만드는 방법은 아래 예시와 같습니다. var grades = {'num1': 20, 'num2': 26, 'num3': 55}; 위의 예제를보면 num1 은 key 가 되는 것이고, 20은 value가 됩니다. var grades = {}; grades['num1'] = 20; grades['..