Programming Storytelling

this는 함수 내에서 함수 호출 맥락을 의미한다.즉.함수를 어떻게 사용하느냐에 따라서 달라진다는 의미인데 함수와 객체의 관계가 느슨한 자바스크립트에서는 this가 이 둘을 연결 시켜주는 실질적인 역할을 한다. 함수에서의 this는 전역객체와 같은데 이를 설명하는 대표적인 예시코드를 살펴보도록 하자. function func(){ if(window === this) { document.write("window === this"); } } func(); this의 값은 전역객체인 window와 같다. 그럼이제 this의 메소드호출에 대해서 살펴보자. var b = { func : function() { if( b === this) { document.write("b === this"); } } } b.fu..

클로저(closure)는 내부함수가 외부함수의 맥락에 접근할 수 있는 것을 가르킨다.쉽게 말해 함수 안에 함수를 또 선언 하는것이다. 우리가 대표적으로 알고 있는 함수표현식은 클로저나 콜백함수로 사용하기 쉽다는 장점이 있다. 이번 포스팅에서 그러한 사실에 대해서 함께 알아 보도록 하자. function outter() { function inner() { var title = 'programming good'; alert(title); } inner(); } 이런식으로 함수안에 함수를 선언하면 그안에서만 특정함수를 사용 할 수 있다는 장점이 있다.즉, 내부함수가 외부함수에 접근을 할 수 있다는 뜻이다.그리고 클로저는 내부함수가 죵료된 뒤에도 외부함수를 통해 함수를 호출 할 수 있다는 큰 장점이 있다. 이..

JSON이란 javascript개체 구문을 기반으로 구조화 된 데이터를 나타내는 표준 텍스트 기반 형식입니다. JSON은 javascript객체 리터럴 구문과 매우 유사하지만 javascript와 독립적으로 사용할 수 있으며 많은 프로그래밍 환경에서 JSON을 읽고 생성 할 수 있다. JSON은 문자열로 존재하며 네트워크를 통해 데이터를 전송하고자 할 때 유용하다. JSON을 활용한 대표적인 코드를 살펴보며 JSON형식을 사용한 배열을 익혀보도록 하자. { "name": "HYUN JI", "age": 22, "secretIdentity": "DONE77", "powers": [ "ONE", "TWO", "THREE" ] } JSON를 활용한 코드는 이런식으로 속성:값의 형태를 많이 띄우며 이러한 JSO..

이벤트 는 프로그래밍중인 시스템에서 발생하는 동작 또는 사건입니다. 웹의 경우 브라우저 창 내부에서 이벤트가 발생하고 그 안에있는 특정 항목에 이벤트가 첨부됩니다 웹에서 발생하는 이벤트를 정리 해 보자면 -사용자가 특정 요소 위에서 마우스를 클릭하거나 특정 요소 위로 커서를 가져가는 경우 -사용자가 키보드의 키를 누르는 경우 -사용자가 브라우저 창 크기를 조정하거나 닫는 경우 -웹 페이지로드 완료 -양식 제출 중 -재생중인 동영상 또는 일시 중지 되었거나 재생중인 동영상 -오류가 발생 했다는 경우 위의 경우 말고도 자바스크립트에서는 수많은 이벤트들이 존재한다. #이벤트핸들러란? 사용 가능한 각 이벤트에 이벤트가 발생할 때 실행되는 코드 블록 (이벤트 리스너 또는 이벤트 처리기로도 불린다.) ##addEv..

##parseint() 문자열 인자의 구문을 분석해 특정 진수(수의 진법 체계에 기준이 되는 값)의 정수를 리턴하는 메소드 parseInt(string, radix);라는 형식으로 쓰이는데 radix가 없을 경우에는 8진수일지 아닐지 해석하고 두개의 인자가 있을경우에는 string을 radix의 형식으로 나타내는특징이 있다. ##tofixed() 소수점몇까지 자를지를 결정하는 메소드이다. 소수점을 없애고 싶을땐 이 메소드를 사용하면된다. ##math.min() 가장 작은 수를 추출하는 메소드 ##math.max() 가장 큰 수를 추출하는 메소드 ##math.floor() 주어진 숫자보다 작거나 같은 가장 큰 정수를 반환합니다 ##math.round() 함수는 가장 가까운 정수로 반올림 한 값을 반환합니다..