From 04c0b273b03b9417c895f687bcd67e7e58d71a38 Mon Sep 17 00:00:00 2001 From: wikibook Date: Tue, 13 Aug 2013 15:42:33 +0900 Subject: korean version of javascript and lua tutorials added --- ko-kr/javascript-kr.html.markdown | 435 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 435 insertions(+) create mode 100644 ko-kr/javascript-kr.html.markdown (limited to 'ko-kr/javascript-kr.html.markdown') diff --git a/ko-kr/javascript-kr.html.markdown b/ko-kr/javascript-kr.html.markdown new file mode 100644 index 00000000..d9e0afe8 --- /dev/null +++ b/ko-kr/javascript-kr.html.markdown @@ -0,0 +1,435 @@ +--- +language: javascript +category: language +contributors: + - ["Adam Brenecki", "http://adam.brenecki.id.au"] +translators: + - ["wikibook", "http://wikibook.co.kr"] +lang: ko-kr +--- + +자바스크립트는 넷스케이프의 브렌던 아이크(Brendan Eich)가 1995년에 만들었습니다. +원래 자바스크립트는 웹사이트를 위한 단순한 스크립트 언어를 목표로 만들어졌는데, +좀 더 복잡한 웹 애플리케이션을 만들기 위해 자바를 보완하는 역할이었지만 +웹 페이지와의 긴밀한 상호작용과 브라우저에 대한 지원 기능 덕분에 웹 프론트엔드에서 +자바보다 훨씬 더 보편적으로 쓰이게 됐습니다. + +그렇지만 자바스크립트는 웹 브라우저에만 국한되지 않습니다. 구글 크롬의 V8 자바스크립트 +엔진을 위한 독립형 런타임을 제공하는 Node.js는 점점 인기를 얻고 있습니다. + +피드백 주시면 대단히 감사하겠습니다! [@adambrenecki](https://twitter.com/adambrenecki)나 +[adam@brenecki.id.au](mailto:adam@brenecki.id.au)를 통해 저와 만나실 수 있습니다. + +```js +// 주석은 C와 비슷합니다. 한 줄짜리 주석은 두 개의 슬래시로 시작하고, +/* 여러 줄 주석은 슬래시 별표로 시작해서 + 별표 슬래시로 끝납니다. */ + +// 구문은 세미콜론(;)으로 끝낼 수 있습니다. +doStuff(); + +// 하지만 꼭 그럴 필요는 없는데, 특정 경우를 제외하고 +// 새 줄이 시작할 때마다 세미콜론이 자동으로 삽입되기 때문입니다. +doStuff() + +// 여기서는 세미콜론을 생략하겠습니다. 세미콜론을 생략할지 여부는 +// 개인적인 취향이나 프로젝트의 스타일 가이드를 따릅니다. + +/////////////////////////////////// +// 1. 숫자, 문자열, 연산자 + +// 자바스크립트에는 단 하나의 숫자 타입(64비트 IEEE 754 배정도 숫자)만이 +// 있습니다. +3 // = 3 +1.5 // = 1.5 + +// 모든 기초 산술 연산은 기대한 대로 동작합니다. +1 + 1 // = 2 +8 - 1 // = 7 +10 * 2 // = 20 +35 / 5 // = 7 + +// 나누어 떨어지지 않는 나눗셈도 포함됩니다. +5 / 2 // = 2.5 + +// 비트 연산도 지원됩니다. float을 대상으로 비트 연산을 수행하면 +// 32비트까지 부호가 있는 int로 변환됩니다. +1 << 2 // = 4 + +// 괄호를 이용하면 우선순위를 지정할 수 있습니다. +(1 + 3) * 2 // = 8 + +// 실제 숫자가 아닌 특별한 세 가지 값이 있습니다. +Infinity // 1/0 1/0과 같은 연산의 결과 +-Infinity // -1/0과 같은 연산의 결과 +NaN // 0/0과 같은 연산의 결과 + +// 불린 타입도 있습니다. +true +false + +// 문자열은 '나 "로 생성합니다. +'abc' +"Hello, world" + +// 부정 연산에는 ! 기호를 이용합니다. +!true // = false +!false // = true + +// 동일성 연산은 == +1 == 1 // = true +2 == 1 // = false + +// 불일치 연산은 != +1 != 1 // = false +2 != 1 // = true + +// 그 밖의 비교 연산 +1 < 10 // = true +1 > 10 // = false +2 <= 2 // = true +2 >= 2 // = true + +// 문자열은 +로 연결할 수 있습니다. +"Hello " + "world!" // = "Hello world!" + +// 그리고 <와 >로 비교할 수 있습니다. +"a" < "b" // = true + +// 비교 시 타입 강제변환이 수행됩니다. +"5" == 5 // = true + +// ===를 쓰지 않는다면 말이죠. +"5" === 5 // = false + +// charAt을 이용하면 문자열 내의 문자에 접근할 수 있습니다. +"This is a string".charAt(0) + +// null과 undefined도 있습니다. +null // 의도적으로 값이 아님을 나타내는 데 사용합니다. +undefined // 값이 아직 설정되지 않음을 나타내는 데 사용합니다. + +// null, undefinded, NaN, 0, ""은 거짓이며, 그 밖의 다른 모든 값은 참입니다. +// 참고로 0은 거짓이며, "0"은 참입니다(심지어 0 == "0"이더라도). + +/////////////////////////////////// +// 2. 변수, 배열, 객체 + +// 변수는 var 키워드로 선언합니다. 자바스크립트는 동적 타입 언어라서 +// 타입을 지정할 필요가 없습니다. 값을 할당할 때는 = 문자 하나를 사용합니다. +var someVar = 5 + +// var 키워드를 지정하지 않아도 오류는 발생하지 않습니다. +someOtherVar = 10 + +// 그렇지만 변수가 여러분이 정의한 유효범위가 아니라 +// 전역 유효범위에 생성됩니다. + +// 값을 할당하지 않은 채로 선언한 변수는 undefined로 설정됩니다. +var someThirdVar // = undefined + +// 변수에 수학 연산을 수행하는 축약형 표현은 다음과 같습니다. +someVar += 5 // someVar = someVar + 5;와 같음. 이제 someVar는 10. +someVar *= 10 // somVar는 100 + +// 1을 더하거나 빼는 훨씬 더 짧은 표현도 있습니다. +someVar++ // 이제 someVar는 101 +someVar-- // 다시 100으로 되돌아감 + +// 배열은 순차적인 임의 타입 값의 목록입니다. +var myArray = ["Hello", 45, true] + +// 배열의 멤버는 대괄호로 둘러싼 인덱스를 이용해 접근할 수 있습니다. +// 배열의 인덱스는 0부터 시작합니다. +myArray[1] // = 45 + +// 자바스크립트의 객체는 다른 언어의 '사전'이나 '맵'과 같습니다. +// 즉, 키-값 쌍으로 구성된 비순차 컬렉션입니다. +{key1: "Hello", key2: "World"} + +// 키는 문자열이지만 유효한 자바스크립트 식별자일 경우 +// 작은따옴표는 필요하지 않습니다. 값은 어떤 타입이든 사용할 수 있습니다. +var myObj = {myKey: "myValue", "my other key": 4} + +// 객체 속성에도 인덱스를 이용해 접근할 수 있습니다. +myObj["my other key"] // = 4 + +// 또는 키가 유효한 식별자일 경우 점 표기법을 이용해 접근할 수 있습니다. +myObj.myKey // = "myValue" + +// 객체는 변경 가능합니다. 즉, 값을 변경하거나 새 키를 추가할 수 있습니다. +myObj.myThirdKey = true + +// 설정되지 않은 값에 접근하려고 하면 undefined가 반환됩니다. +myObj.myFourthKey // = undefined + +/////////////////////////////////// +// 3. 로직과 제어 구조 + +// if 구조는 여러분이 예상한 대로 동작합니다. +var count = 1 +if (count == 3){ + // count가 3일 경우 평가됨 +} else if (count == 4) { + // count가 4일 경우 평가됨 +} else { + // count가 3이나 4가 아닌 경우에 평가됨 +} + +// while도 마찬가지입니다. +while (true) { + // 무한 루프! +} + +// do-while 문은 항상 최소 한 번은 실행된다는 점을 제외하면 +// while 문과 비슷합니다. +var input +do { + input = getInput() +} while (!isValid(input)) + +// for 문은 C와 자바의 for 문과 같습니다. +// 초기화식; 지속 조건; 증감식 +for (var i = 0; i < 5; i++){ + // 5번 실행됨 +} + +// &&는 논리 and이고 ||는 논리 or입니다. +if (house.size == "big" && house.colour == "blue"){ + house.contains = "bear" +} +if (colour == "red" || colour == "blue"){ + // 색은 빨강이거나 파랑 +} + +// &&와 ||은 "단축 평가"를 수행하는데, 기본값을 설정할 때 유용합니다. +var name = otherName || "default" + +/////////////////////////////////// +// 4. 함수, 유효범위, 클로저 + +// 자바스크립트 함수는 function 키워드로 선언합니다. +function myFunction(thing){ + return thing.toUpperCase() +} +myFunction("foo") // = "FOO" + +// 함수는 "익명"으로, 즉 이름 없이 정의할 수도 있습니다. +function(thing){ + return thing.toLowerCase() +} +// (함수를 가리키는 이름이 없기 때문에 함수를 호출할 수 없습니다) + +// 자바스크립트 함수는 일급 객체이므로 다른 변수에 재할당하고 +// 다른 함수에 인자로 전달할 수 있습니다. 가령, 이벤트 핸들러를 만들 경우 +function myFunction(){ + // 이 코드는 5초 내에 호출됨 +} +setTimeout(myFunction, 5000) + +// 다른 함수를 호출할 때 직접적으로 함수 구문을 작성할 수도 있습니다. + +setTimeout(function myFunction(){ + // 이 코드는 5초 내에 호출됨 +}, 5000) + +// 자바스크립트에는 함수 유효범위가 있습니다. +// 함수는 자체적인 유효범위를 가지지만 다른 블록은 유효범위를 가지지 않습니다. +if (true){ + var i = 5 +} +i // = 5 - 블록 유효범위를 지원하는 언어에서는 undefined가 아닙니다. + +// 이것은 "즉시 실행되는 익명 함수"라는 공통 패턴으로 이어지는데, +// 이 패턴은 임시 변수가 전역 유효범위로 유출되는 것을 방지합니다. +(function(){ + var temporary = 5 + // '전역 객체'에 할당하는 식으로 전역 유효범위에 접근할 수 있는데, + // 브라우저에서 전역 객체는 항상 'window'입니다. 전역 객체는 + // Node.js와 같은 브라우저가 아닌 환경에서는 다른 이름일 수도 있습니다. + window.permanent = 10 + // 또는 앞에서 언급했다시피 var 키워드를 뺄 수도 있습니다. + permanent2 = 15 +})() +temporary // ReferenceError 발생 +permanent // = 10 +permanent2 // = 15 + +// 자바스크립트의 강력한 기능 중 하나는 클로저(closure)입니다. +// 함수가 다른 함수 안에서 정의되면 안쪽에 정의된 함수는 바깥 함수의 +// 모든 변수에 접근할 수 있습니다. +function sayHelloInFiveSeconds(name){ + var prompt = "Hello, " + name + "!" + function inner(){ + alert(prompt) + } + setTimeout(inner, 5000) + // setTimeout은 비동기적으로 동작하므로 이 함수는 5초 동안 + // 기다리지 않고 실행을 마칩니다. 하지만 5초가 지나면 inner에서도 + // prompt의 값에 접근할 수 있습니다. +} +sayHelloInFiveSeconds("Adam") // will open a popup with "Hello, Adam!" in 5s + +/////////////////////////////////// +// 5. 객체 심화; 생성자와 프로토타입 + +// 객체는 함수를 포함할 수 있습니다. +var myObj = { + myFunc: function(){ + return "Hello world!" + } +} +myObj.myFunc() // = "Hello world!" + +// 객체에 포함된 함수가 호출되면 함수에서는 this 키워드를 이용해 +// 해당 함수가 포함된 객체에 접근할 수 있습니다. +myObj = { + myString: "Hello world!", + myFunc: function(){ + return this.myString + } +} +myObj.myFunc() // = "Hello world!" + +// 여기서 설정한 것은 함수가 정의된 곳이 아닌 함수가 호출되는 +// 방식과 관련이 있습니다. 그래서 아래 함수는 객체 컨텍스트에서 +// 호출되지 않으면 동작하지 않습니다. +var myFunc = myObj.myFunc +myFunc() // = undefined + +// 반대로 함수는 객체에 할당하고 this를 통해 해당 객체에 접근할 수 있습니다. +// 함수를 정의할 때 객체에 추가되지 않았더라도 마찬가지입니다. +var myOtherFunc = function(){ + return this.myString.toUpperCase() +} +myObj.myOtherFunc = myOtherFunc +myObj.myOtherFunc() // = "HELLO WORLD!" + +// new 키워드로 함수를 호출하면 새로운 객체가 생성되고 this를 통해 +// 함수에서 사용할 수 있게 됩니다. 이런 식으로 설계된 함수를 생성자라 합니다. + +var MyConstructor = function(){ + this.myNumber = 5 +} +myNewObj = new MyConstructor() // = {myNumber: 5} +myNewObj.myNumber // = 5 + +// 모든 자바스크립트 객체는 'prototype'을 가지고 있습니다. 어떤 객체에 대해 +// 실제 객체에는 존재하지 않는 프로퍼티에 접근하면 인터프리터는 프로로타입에서 +// 해당 프로퍼티를 찾습니다. + +// 일부 자바스크립트 구현체에서는 __proto__라는 마법의 프로퍼티로 +// 객체의 프로토타입에 접근하는 것을 허용하기도 합니다. 프로토타입을 +// 설명하기에는 이런 내용도 도움되겠지만 __proto__는 표준에 포함돼 +// 있지 않습니다. 나중에 프로토타입을 사용하는 표준 방법을 살펴보겠습니다. +var myObj = { + myString: "Hello world!", +} +var myPrototype = { + meaningOfLife: 42, + myFunc: function(){ + return this.myString.toLowerCase() + } +} +myObj.__proto__ = myPrototype +myObj.meaningOfLife // = 42 + +// 이 방법은 함수에도 통합니다. +myObj.myFunc() // = "hello world!" + +// 물론 프로퍼티가 프로토타입에 존재하지 않으면 +// 프로토타입의 프로토타입을 찾는 식으로 진행됩니다. +myPrototype.__proto__ = { + myBoolean: true +} +myObj.myBoolean // = true + +// 여기서 복사는 일어나지 않습니다. 각 객체에는 프로토타입에 대한 +// 참조가 보관돼 있습니다. 이는 프로토타입을 변경하면 변경사항이 +// 모든 곳에 반영된다는 의미입니다. +myPrototype.meaningOfLife = 43 +myObj.meaningOfLife // = 43 + +// 앞에서 __proto__가 표준에 포함돼 있지 않다고 이야기했는데, +// 기존 객체의 프로토타입을 변경하는 표준 방법은 없습니다. +// 하지만 특정 프로토타입을 가지고 새로운 객체를 생성하는 두 가지 +// 방법이 있습니다. + +// 첫 번째 방법은 Object.create를 이용하는 것인데, +// Object.create는 최근에 자바스크립트에 추가된 것이라서 아직까지 +// 모든 구현체에서 이용할 수 있는 것은 아닙니다. +var myObj = Object.create(myPrototype) +myObj.meaningOfLife // = 43 + +// 두 번째 방법은 어디서나 통하는 방법인데, 생성자와 관련이 있습니다. +// 생성자에는 prototype이라는 프로퍼티가 있습니다. 이 프로퍼티는 +// 생성자 함수 자체의 프로토타입이 *아니고* 생성자와 new 키워드를 이용해 +// 객체가 생성될 때 새로운 객체가 받는 프로토타입입니다. +myConstructor.prototype = { + getMyNumber: function(){ + return this.myNumber + } +} +var myNewObj2 = new myConstructor() +myNewObj2.getMyNumber() // = 5 + +// 문자열과 숫자와 같은 내장 타입에도 동등한 래퍼 객체를 +// 생성하는 생성자가 있습니다. +var myNumber = 12 +var myNumberObj = new Number(12) +myNumber == myNumberObj // = true + +// 하지만 정확히 같지는 않습니다. +typeof(myNumber) // = 'number' +typeof(myNumberObj) // = 'object' +myNumber === myNumberObj // = false +if (0){ + // 0은 거짓이라서 이 코드는 실행되지 않습니다. +} +if (Number(0)){ + // Number(0)은 참이라서 이 코드는 *실행됩니다*. +} + +// 하지만 래퍼 객체와 일반 내장 함수는 프로토타입을 공유하기 때문에 +// 가령 문자열에 실제로 기능을 추가할 수 있습니다. +String.prototype.firstCharacter = function(){ + return this.charAt(0) +} +"abc".firstCharacter() // = "a" + +// 이러한 사실은 기존 자바스크립트 버전에서 자바스크립트의 +// 새로운 기능을 구현하는 "폴리필(polyfilling)"에 자주 이용되므로 +// 오래된 버전의 브라우저와 같이 기존 환경에서 사용될 수 있습니다. + +// 예를 들어, Object.create가 모든 구현체에서 사용 가능한 것은 아니라고 +// 했지만 아래의 폴리필을 이용해 Object.create를 여전히 사용할 수 있습니다. +if (Object.create === undefined){ // don't overwrite it if it exists + Object.create = function(proto){ + // 올바른 프로토타입을 가지고 임시 생성자를 만듬 + var Constructor = function(){} + Constructor.prototype = proto + // 그런 다음 임시 생성자를 이용해 새로운 적절한 프로토타입을 + // 포함한 객체를 생성 + return new Constructor() + } +} +``` + +## 기타 참고 자료 + +[모질라 개발자 네트워크](https://developer.mozilla.org/en-US/docs/Web/JavaScript)에서는 +자바스크립트에 대한 훌륭한 문서를 제공합니다. 더불어 위키 형식이라서 좀 더 많은 사항을 +배우게 되면 여러분만의 지식을 공유함으로써 다른 사람들에게 도움을 줄 수도 있습니다. + +MDN의 ['자바스크립트 재입문'](https://developer.mozilla.org/ko/docs/A_re-introduction_to_JavaScript)에서는 +여기서 다룬 개념의 상당수를 더욱 자세히 다루고 있습니다. 이 자료에서는 자바스크립트 언어 자체에 +대해서만 상당히 신중하게 다뤘습니다. 웹 페이지에서 자바스크립트를 사용하는 방법을 배우고 싶다면 +[문서 객체 모델(Document Object Model)](https://developer.mozilla.org/en-US/docs/Using_the_W3C_DOM_Level_1_Core)에 +관해 배우는 것으로 시작하길 바랍니다. + +[자바스크립트 가든](http://bonsaiden.github.io/JavaScript-Garden/)에서는 자바스크립트 언어에서 +직관에 어긋나는 모든 부분들을 심도 있게 다룹니다. + +더불어 이 글에 직접적으로 기여한 분들로, 내용 중 일부는 이 사이트에 있는 +루이 딘(Louie Dihn)의 파이썬 튜토리얼과 모질라 개발자 네트워크에 있는 +[자바스크립트 튜토리얼](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)을 참고했습니다. \ No newline at end of file -- cgit v1.2.3 From cd104ee855e7d4e9b3e0ff8c3f6c080646409830 Mon Sep 17 00:00:00 2001 From: wikibook Date: Tue, 13 Aug 2013 15:47:49 +0900 Subject: change encoding of files --- ko-kr/javascript-kr.html.markdown | 346 +++++++++++++++++++------------------- 1 file changed, 173 insertions(+), 173 deletions(-) (limited to 'ko-kr/javascript-kr.html.markdown') diff --git a/ko-kr/javascript-kr.html.markdown b/ko-kr/javascript-kr.html.markdown index d9e0afe8..79f5d88b 100644 --- a/ko-kr/javascript-kr.html.markdown +++ b/ko-kr/javascript-kr.html.markdown @@ -8,272 +8,272 @@ translators: lang: ko-kr --- -자바스크립트는 넷스케이프의 브렌던 아이크(Brendan Eich)가 1995년에 만들었습니다. -원래 자바스크립트는 웹사이트를 위한 단순한 스크립트 언어를 목표로 만들어졌는데, -좀 더 복잡한 웹 애플리케이션을 만들기 위해 자바를 보완하는 역할이었지만 -웹 페이지와의 긴밀한 상호작용과 브라우저에 대한 지원 기능 덕분에 웹 프론트엔드에서 -자바보다 훨씬 더 보편적으로 쓰이게 됐습니다. +�옄諛붿뒪�겕由쏀듃�뒗 �꽬�뒪耳��씠�봽�쓽 釉뚮젋�뜕 �븘�씠�겕(Brendan Eich)媛� 1995�뀈�뿉 留뚮뱾�뿀�뒿�땲�떎. +�썝�옒 �옄諛붿뒪�겕由쏀듃�뒗 �쎒�궗�씠�듃瑜� �쐞�븳 �떒�닚�븳 �뒪�겕由쏀듃 �뼵�뼱瑜� 紐⑺몴濡� 留뚮뱾�뼱議뚮뒗�뜲, +醫� �뜑 蹂듭옟�븳 �쎒 �븷�뵆由ъ���씠�뀡�쓣 留뚮뱾湲� �쐞�빐 �옄諛붾�� 蹂댁셿�븯�뒗 �뿭�븷�씠�뿀吏�留� +�쎒 �럹�씠吏�����쓽 湲대���븳 �긽�샇�옉�슜怨� 釉뚮씪�슦����뿉 ����븳 吏��썝 湲곕뒫 �뜒遺꾩뿉 �쎒 �봽濡좏듃�뿏�뱶�뿉�꽌 +�옄諛붾낫�떎 �썾�뵮 �뜑 蹂댄렪�쟻�쑝濡� �벐�씠寃� �릱�뒿�땲�떎. -그렇지만 자바스크립트는 웹 브라우저에만 국한되지 않습니다. 구글 크롬의 V8 자바스크립트 -엔진을 위한 독립형 런타임을 제공하는 Node.js는 점점 인기를 얻고 있습니다. +洹몃젃吏�留� �옄諛붿뒪�겕由쏀듃�뒗 �쎒 釉뚮씪�슦����뿉留� 援��븳�릺吏� �븡�뒿�땲�떎. 援ш�� �겕濡ъ쓽 V8 �옄諛붿뒪�겕由쏀듃 +�뿏吏꾩쓣 �쐞�븳 �룆由쏀삎 �윴����엫�쓣 �젣怨듯븯�뒗 Node.js�뒗 �젏�젏 �씤湲곕�� �뼸怨� �엳�뒿�땲�떎. -피드백 주시면 대단히 감사하겠습니다! [@adambrenecki](https://twitter.com/adambrenecki)나 -[adam@brenecki.id.au](mailto:adam@brenecki.id.au)를 통해 저와 만나실 수 있습니다. +�뵾�뱶諛� 二쇱떆硫� ����떒�엳 媛먯궗�븯寃좎뒿�땲�떎! [@adambrenecki](https://twitter.com/adambrenecki)�굹 +[adam@brenecki.id.au](mailto:adam@brenecki.id.au)瑜� �넻�빐 ������ 留뚮굹�떎 �닔 �엳�뒿�땲�떎. ```js -// 주석은 C와 비슷합니다. 한 줄짜리 주석은 두 개의 슬래시로 시작하고, -/* 여러 줄 주석은 슬래시 별표로 시작해서 - 별표 슬래시로 끝납니다. */ +// 二쇱꽍��� C��� 鍮꾩듂�빀�땲�떎. �븳 以꾩쭨由� 二쇱꽍��� �몢 媛쒖쓽 �뒳�옒�떆濡� �떆�옉�븯怨�, +/* �뿬�윭 以� 二쇱꽍��� �뒳�옒�떆 蹂꾪몴濡� �떆�옉�빐�꽌 + 蹂꾪몴 �뒳�옒�떆濡� �걹�궔�땲�떎. */ -// 구문은 세미콜론(;)으로 끝낼 수 있습니다. +// 援щЦ��� �꽭誘몄퐳濡�(;)�쑝濡� �걹�궪 �닔 �엳�뒿�땲�떎. doStuff(); -// 하지만 꼭 그럴 필요는 없는데, 특정 경우를 제외하고 -// 새 줄이 시작할 때마다 세미콜론이 자동으로 삽입되기 때문입니다. +// �븯吏�留� 瑗� 洹몃윺 �븘�슂�뒗 �뾾�뒗�뜲, �듅�젙 寃쎌슦瑜� �젣�쇅�븯怨� +// �깉 以꾩씠 �떆�옉�븷 �븣留덈떎 �꽭誘몄퐳濡좎씠 �옄�룞�쑝濡� �궫�엯�릺湲� �븣臾몄엯�땲�떎. doStuff() -// 여기서는 세미콜론을 생략하겠습니다. 세미콜론을 생략할지 여부는 -// 개인적인 취향이나 프로젝트의 스타일 가이드를 따릅니다. +// �뿬湲곗꽌�뒗 �꽭誘몄퐳濡좎쓣 �깮�왂�븯寃좎뒿�땲�떎. �꽭誘몄퐳濡좎쓣 �깮�왂�븷吏� �뿬遺��뒗 +// 媛쒖씤�쟻�씤 痍⑦뼢�씠�굹 �봽濡쒖젥�듃�쓽 �뒪����씪 媛��씠�뱶瑜� �뵲由낅땲�떎. /////////////////////////////////// -// 1. 숫자, 문자열, 연산자 +// 1. �닽�옄, 臾몄옄�뿴, �뿰�궛�옄 -// 자바스크립트에는 단 하나의 숫자 타입(64비트 IEEE 754 배정도 숫자)만이 -// 있습니다. +// �옄諛붿뒪�겕由쏀듃�뿉�뒗 �떒 �븯�굹�쓽 �닽�옄 ����엯(64鍮꾪듃 IEEE 754 諛곗젙�룄 �닽�옄)留뚯씠 +// �엳�뒿�땲�떎. 3 // = 3 1.5 // = 1.5 -// 모든 기초 산술 연산은 기대한 대로 동작합니다. +// 紐⑤뱺 湲곗큹 �궛�닠 �뿰�궛��� 湲곕���븳 ���濡� �룞�옉�빀�땲�떎. 1 + 1 // = 2 8 - 1 // = 7 10 * 2 // = 20 35 / 5 // = 7 -// 나누어 떨어지지 않는 나눗셈도 포함됩니다. +// �굹�늻�뼱 �뼥�뼱吏�吏� �븡�뒗 �굹�닓�뀍�룄 �룷�븿�맗�땲�떎. 5 / 2 // = 2.5 -// 비트 연산도 지원됩니다. float을 대상으로 비트 연산을 수행하면 -// 32비트까지 부호가 있는 int로 변환됩니다. +// 鍮꾪듃 �뿰�궛�룄 吏��썝�맗�땲�떎. float�쓣 ����긽�쑝濡� 鍮꾪듃 �뿰�궛�쓣 �닔�뻾�븯硫� +// 32鍮꾪듃源뚯�� 遺��샇媛� �엳�뒗 int濡� 蹂��솚�맗�땲�떎. 1 << 2 // = 4 -// 괄호를 이용하면 우선순위를 지정할 수 있습니다. +// 愿꾪샇瑜� �씠�슜�븯硫� �슦�꽑�닚�쐞瑜� 吏��젙�븷 �닔 �엳�뒿�땲�떎. (1 + 3) * 2 // = 8 -// 실제 숫자가 아닌 특별한 세 가지 값이 있습니다. -Infinity // 1/0 1/0과 같은 연산의 결과 --Infinity // -1/0과 같은 연산의 결과 -NaN // 0/0과 같은 연산의 결과 +// �떎�젣 �닽�옄媛� �븘�땶 �듅蹂꾪븳 �꽭 媛�吏� 媛믪씠 �엳�뒿�땲�떎. +Infinity // 1/0 1/0怨� 媛숈�� �뿰�궛�쓽 寃곌낵 +-Infinity // -1/0怨� 媛숈�� �뿰�궛�쓽 寃곌낵 +NaN // 0/0怨� 媛숈�� �뿰�궛�쓽 寃곌낵 -// 불린 타입도 있습니다. +// 遺덈┛ ����엯�룄 �엳�뒿�땲�떎. true false -// 문자열은 '나 "로 생성합니다. +// 臾몄옄�뿴��� '�굹 "濡� �깮�꽦�빀�땲�떎. 'abc' "Hello, world" -// 부정 연산에는 ! 기호를 이용합니다. +// 遺��젙 �뿰�궛�뿉�뒗 ! 湲고샇瑜� �씠�슜�빀�땲�떎. !true // = false !false // = true -// 동일성 연산은 == +// �룞�씪�꽦 �뿰�궛��� == 1 == 1 // = true 2 == 1 // = false -// 불일치 연산은 != +// 遺덉씪移� �뿰�궛��� != 1 != 1 // = false 2 != 1 // = true -// 그 밖의 비교 연산 +// 洹� 諛뽰쓽 鍮꾧탳 �뿰�궛 1 < 10 // = true 1 > 10 // = false 2 <= 2 // = true 2 >= 2 // = true -// 문자열은 +로 연결할 수 있습니다. +// 臾몄옄�뿴��� +濡� �뿰寃고븷 �닔 �엳�뒿�땲�떎. "Hello " + "world!" // = "Hello world!" -// 그리고 <와 >로 비교할 수 있습니다. +// 洹몃━怨� <��� >濡� 鍮꾧탳�븷 �닔 �엳�뒿�땲�떎. "a" < "b" // = true -// 비교 시 타입 강제변환이 수행됩니다. +// 鍮꾧탳 �떆 ����엯 媛뺤젣蹂��솚�씠 �닔�뻾�맗�땲�떎. "5" == 5 // = true -// ===를 쓰지 않는다면 말이죠. +// ===瑜� �벐吏� �븡�뒗�떎硫� 留먯씠二�. "5" === 5 // = false -// charAt을 이용하면 문자열 내의 문자에 접근할 수 있습니다. +// charAt�쓣 �씠�슜�븯硫� 臾몄옄�뿴 �궡�쓽 臾몄옄�뿉 �젒洹쇳븷 �닔 �엳�뒿�땲�떎. "This is a string".charAt(0) -// null과 undefined도 있습니다. -null // 의도적으로 값이 아님을 나타내는 데 사용합니다. -undefined // 값이 아직 설정되지 않음을 나타내는 데 사용합니다. +// null怨� undefined�룄 �엳�뒿�땲�떎. +null // �쓽�룄�쟻�쑝濡� 媛믪씠 �븘�떂�쓣 �굹����궡�뒗 �뜲 �궗�슜�빀�땲�떎. +undefined // 媛믪씠 �븘吏� �꽕�젙�릺吏� �븡�쓬�쓣 �굹����궡�뒗 �뜲 �궗�슜�빀�땲�떎. -// null, undefinded, NaN, 0, ""은 거짓이며, 그 밖의 다른 모든 값은 참입니다. -// 참고로 0은 거짓이며, "0"은 참입니다(심지어 0 == "0"이더라도). +// null, undefinded, NaN, 0, ""��� 嫄곗쭞�씠硫�, 洹� 諛뽰쓽 �떎瑜� 紐⑤뱺 媛믪�� 李몄엯�땲�떎. +// 李멸퀬濡� 0��� 嫄곗쭞�씠硫�, "0"��� 李몄엯�땲�떎(�떖吏��뼱 0 == "0"�씠�뜑�씪�룄). /////////////////////////////////// -// 2. 변수, 배열, 객체 +// 2. 蹂��닔, 諛곗뿴, 媛앹껜 -// 변수는 var 키워드로 선언합니다. 자바스크립트는 동적 타입 언어라서 -// 타입을 지정할 필요가 없습니다. 값을 할당할 때는 = 문자 하나를 사용합니다. +// 蹂��닔�뒗 var �궎�썙�뱶濡� �꽑�뼵�빀�땲�떎. �옄諛붿뒪�겕由쏀듃�뒗 �룞�쟻 ����엯 �뼵�뼱�씪�꽌 +// ����엯�쓣 吏��젙�븷 �븘�슂媛� �뾾�뒿�땲�떎. 媛믪쓣 �븷�떦�븷 �븣�뒗 = 臾몄옄 �븯�굹瑜� �궗�슜�빀�땲�떎. var someVar = 5 -// var 키워드를 지정하지 않아도 오류는 발생하지 않습니다. +// var �궎�썙�뱶瑜� 吏��젙�븯吏� �븡�븘�룄 �삤瑜섎뒗 諛쒖깮�븯吏� �븡�뒿�땲�떎. someOtherVar = 10 -// 그렇지만 변수가 여러분이 정의한 유효범위가 아니라 -// 전역 유효범위에 생성됩니다. +// 洹몃젃吏�留� 蹂��닔媛� �뿬�윭遺꾩씠 �젙�쓽�븳 �쑀�슚踰붿쐞媛� �븘�땲�씪 +// �쟾�뿭 �쑀�슚踰붿쐞�뿉 �깮�꽦�맗�땲�떎. -// 값을 할당하지 않은 채로 선언한 변수는 undefined로 설정됩니다. +// 媛믪쓣 �븷�떦�븯吏� �븡��� 梨꾨줈 �꽑�뼵�븳 蹂��닔�뒗 undefined濡� �꽕�젙�맗�땲�떎. var someThirdVar // = undefined -// 변수에 수학 연산을 수행하는 축약형 표현은 다음과 같습니다. -someVar += 5 // someVar = someVar + 5;와 같음. 이제 someVar는 10. -someVar *= 10 // somVar는 100 +// 蹂��닔�뿉 �닔�븰 �뿰�궛�쓣 �닔�뻾�븯�뒗 異뺤빟�삎 �몴�쁽��� �떎�쓬怨� 媛숈뒿�땲�떎. +someVar += 5 // someVar = someVar + 5;��� 媛숈쓬. �씠�젣 someVar�뒗 10. +someVar *= 10 // somVar�뒗 100 -// 1을 더하거나 빼는 훨씬 더 짧은 표현도 있습니다. -someVar++ // 이제 someVar는 101 -someVar-- // 다시 100으로 되돌아감 +// 1�쓣 �뜑�븯嫄곕굹 鍮쇰뒗 �썾�뵮 �뜑 吏㏃�� �몴�쁽�룄 �엳�뒿�땲�떎. +someVar++ // �씠�젣 someVar�뒗 101 +someVar-- // �떎�떆 100�쑝濡� �릺�룎�븘媛� -// 배열은 순차적인 임의 타입 값의 목록입니다. +// 諛곗뿴��� �닚李⑥쟻�씤 �엫�쓽 ����엯 媛믪쓽 紐⑸줉�엯�땲�떎. var myArray = ["Hello", 45, true] -// 배열의 멤버는 대괄호로 둘러싼 인덱스를 이용해 접근할 수 있습니다. -// 배열의 인덱스는 0부터 시작합니다. +// 諛곗뿴�쓽 硫ㅻ쾭�뒗 ���愿꾪샇濡� �몮�윭�떬 �씤�뜳�뒪瑜� �씠�슜�빐 �젒洹쇳븷 �닔 �엳�뒿�땲�떎. +// 諛곗뿴�쓽 �씤�뜳�뒪�뒗 0遺��꽣 �떆�옉�빀�땲�떎. myArray[1] // = 45 -// 자바스크립트의 객체는 다른 언어의 '사전'이나 '맵'과 같습니다. -// 즉, 키-값 쌍으로 구성된 비순차 컬렉션입니다. +// �옄諛붿뒪�겕由쏀듃�쓽 媛앹껜�뒗 �떎瑜� �뼵�뼱�쓽 '�궗�쟾'�씠�굹 '留�'怨� 媛숈뒿�땲�떎. +// 利�, �궎-媛� �뙇�쑝濡� 援ъ꽦�맂 鍮꾩닚李� 而щ젆�뀡�엯�땲�떎. {key1: "Hello", key2: "World"} -// 키는 문자열이지만 유효한 자바스크립트 식별자일 경우 -// 작은따옴표는 필요하지 않습니다. 값은 어떤 타입이든 사용할 수 있습니다. +// �궎�뒗 臾몄옄�뿴�씠吏�留� �쑀�슚�븳 �옄諛붿뒪�겕由쏀듃 �떇蹂꾩옄�씪 寃쎌슦 +// �옉����뵲�샂�몴�뒗 �븘�슂�븯吏� �븡�뒿�땲�떎. 媛믪�� �뼱�뼡 ����엯�씠�뱺 �궗�슜�븷 �닔 �엳�뒿�땲�떎. var myObj = {myKey: "myValue", "my other key": 4} -// 객체 속성에도 인덱스를 이용해 접근할 수 있습니다. +// 媛앹껜 �냽�꽦�뿉�룄 �씤�뜳�뒪瑜� �씠�슜�빐 �젒洹쇳븷 �닔 �엳�뒿�땲�떎. myObj["my other key"] // = 4 -// 또는 키가 유효한 식별자일 경우 점 표기법을 이용해 접근할 수 있습니다. +// �삉�뒗 �궎媛� �쑀�슚�븳 �떇蹂꾩옄�씪 寃쎌슦 �젏 �몴湲곕쾿�쓣 �씠�슜�빐 �젒洹쇳븷 �닔 �엳�뒿�땲�떎. myObj.myKey // = "myValue" -// 객체는 변경 가능합니다. 즉, 값을 변경하거나 새 키를 추가할 수 있습니다. +// 媛앹껜�뒗 蹂�寃� 媛��뒫�빀�땲�떎. 利�, 媛믪쓣 蹂�寃쏀븯嫄곕굹 �깉 �궎瑜� 異붽���븷 �닔 �엳�뒿�땲�떎. myObj.myThirdKey = true -// 설정되지 않은 값에 접근하려고 하면 undefined가 반환됩니다. +// �꽕�젙�릺吏� �븡��� 媛믪뿉 �젒洹쇳븯�젮怨� �븯硫� undefined媛� 諛섑솚�맗�땲�떎. myObj.myFourthKey // = undefined /////////////////////////////////// -// 3. 로직과 제어 구조 +// 3. 濡쒖쭅怨� �젣�뼱 援ъ“ -// if 구조는 여러분이 예상한 대로 동작합니다. +// if 援ъ“�뒗 �뿬�윭遺꾩씠 �삁�긽�븳 ���濡� �룞�옉�빀�땲�떎. var count = 1 if (count == 3){ - // count가 3일 경우 평가됨 + // count媛� 3�씪 寃쎌슦 �룊媛��맖 } else if (count == 4) { - // count가 4일 경우 평가됨 + // count媛� 4�씪 寃쎌슦 �룊媛��맖 } else { - // count가 3이나 4가 아닌 경우에 평가됨 + // count媛� 3�씠�굹 4媛� �븘�땶 寃쎌슦�뿉 �룊媛��맖 } -// while도 마찬가지입니다. +// while�룄 留덉갔媛�吏��엯�땲�떎. while (true) { - // 무한 루프! + // 臾댄븳 猷⑦봽! } -// do-while 문은 항상 최소 한 번은 실행된다는 점을 제외하면 -// while 문과 비슷합니다. +// do-while 臾몄�� �빆�긽 理쒖냼 �븳 踰덉�� �떎�뻾�맂�떎�뒗 �젏�쓣 �젣�쇅�븯硫� +// while 臾멸낵 鍮꾩듂�빀�땲�떎. var input do { input = getInput() } while (!isValid(input)) -// for 문은 C와 자바의 for 문과 같습니다. -// 초기화식; 지속 조건; 증감식 +// for 臾몄�� C��� �옄諛붿쓽 for 臾멸낵 媛숈뒿�땲�떎. +// 珥덇린�솕�떇; 吏��냽 議곌굔; 利앷컧�떇 for (var i = 0; i < 5; i++){ - // 5번 실행됨 + // 5踰� �떎�뻾�맖 } -// &&는 논리 and이고 ||는 논리 or입니다. +// &&�뒗 �끉由� and�씠怨� ||�뒗 �끉由� or�엯�땲�떎. if (house.size == "big" && house.colour == "blue"){ house.contains = "bear" } if (colour == "red" || colour == "blue"){ - // 색은 빨강이거나 파랑 + // �깋��� 鍮④컯�씠嫄곕굹 �뙆�옉 } -// &&와 ||은 "단축 평가"를 수행하는데, 기본값을 설정할 때 유용합니다. +// &&��� ||��� "�떒異� �룊媛�"瑜� �닔�뻾�븯�뒗�뜲, 湲곕낯媛믪쓣 �꽕�젙�븷 �븣 �쑀�슜�빀�땲�떎. var name = otherName || "default" /////////////////////////////////// -// 4. 함수, 유효범위, 클로저 +// 4. �븿�닔, �쑀�슚踰붿쐞, �겢濡쒖�� -// 자바스크립트 함수는 function 키워드로 선언합니다. +// �옄諛붿뒪�겕由쏀듃 �븿�닔�뒗 function �궎�썙�뱶濡� �꽑�뼵�빀�땲�떎. function myFunction(thing){ return thing.toUpperCase() } myFunction("foo") // = "FOO" -// 함수는 "익명"으로, 즉 이름 없이 정의할 수도 있습니다. +// �븿�닔�뒗 "�씡紐�"�쑝濡�, 利� �씠由� �뾾�씠 �젙�쓽�븷 �닔�룄 �엳�뒿�땲�떎. function(thing){ return thing.toLowerCase() } -// (함수를 가리키는 이름이 없기 때문에 함수를 호출할 수 없습니다) +// (�븿�닔瑜� 媛�由ы궎�뒗 �씠由꾩씠 �뾾湲� �븣臾몄뿉 �븿�닔瑜� �샇異쒗븷 �닔 �뾾�뒿�땲�떎) -// 자바스크립트 함수는 일급 객체이므로 다른 변수에 재할당하고 -// 다른 함수에 인자로 전달할 수 있습니다. 가령, 이벤트 핸들러를 만들 경우 +// �옄諛붿뒪�겕由쏀듃 �븿�닔�뒗 �씪湲� 媛앹껜�씠誘�濡� �떎瑜� 蹂��닔�뿉 �옱�븷�떦�븯怨� +// �떎瑜� �븿�닔�뿉 �씤�옄濡� �쟾�떖�븷 �닔 �엳�뒿�땲�떎. 媛��졊, �씠踰ㅽ듃 �빖�뱾�윭瑜� 留뚮뱾 寃쎌슦 function myFunction(){ - // 이 코드는 5초 내에 호출됨 + // �씠 肄붾뱶�뒗 5珥� �궡�뿉 �샇異쒕맖 } setTimeout(myFunction, 5000) -// 다른 함수를 호출할 때 직접적으로 함수 구문을 작성할 수도 있습니다. +// �떎瑜� �븿�닔瑜� �샇異쒗븷 �븣 吏곸젒�쟻�쑝濡� �븿�닔 援щЦ�쓣 �옉�꽦�븷 �닔�룄 �엳�뒿�땲�떎. setTimeout(function myFunction(){ - // 이 코드는 5초 내에 호출됨 + // �씠 肄붾뱶�뒗 5珥� �궡�뿉 �샇異쒕맖 }, 5000) -// 자바스크립트에는 함수 유효범위가 있습니다. -// 함수는 자체적인 유효범위를 가지지만 다른 블록은 유효범위를 가지지 않습니다. +// �옄諛붿뒪�겕由쏀듃�뿉�뒗 �븿�닔 �쑀�슚踰붿쐞媛� �엳�뒿�땲�떎. +// �븿�닔�뒗 �옄泥댁쟻�씤 �쑀�슚踰붿쐞瑜� 媛�吏�吏�留� �떎瑜� 釉붾줉��� �쑀�슚踰붿쐞瑜� 媛�吏�吏� �븡�뒿�땲�떎. if (true){ var i = 5 } -i // = 5 - 블록 유효범위를 지원하는 언어에서는 undefined가 아닙니다. +i // = 5 - 釉붾줉 �쑀�슚踰붿쐞瑜� 吏��썝�븯�뒗 �뼵�뼱�뿉�꽌�뒗 undefined媛� �븘�떃�땲�떎. -// 이것은 "즉시 실행되는 익명 함수"라는 공통 패턴으로 이어지는데, -// 이 패턴은 임시 변수가 전역 유효범위로 유출되는 것을 방지합니다. +// �씠寃껋�� "利됱떆 �떎�뻾�릺�뒗 �씡紐� �븿�닔"�씪�뒗 怨듯넻 �뙣�꽩�쑝濡� �씠�뼱吏��뒗�뜲, +// �씠 �뙣�꽩��� �엫�떆 蹂��닔媛� �쟾�뿭 �쑀�슚踰붿쐞濡� �쑀異쒕릺�뒗 寃껋쓣 諛⑹���빀�땲�떎. (function(){ var temporary = 5 - // '전역 객체'에 할당하는 식으로 전역 유효범위에 접근할 수 있는데, - // 브라우저에서 전역 객체는 항상 'window'입니다. 전역 객체는 - // Node.js와 같은 브라우저가 아닌 환경에서는 다른 이름일 수도 있습니다. + // '�쟾�뿭 媛앹껜'�뿉 �븷�떦�븯�뒗 �떇�쑝濡� �쟾�뿭 �쑀�슚踰붿쐞�뿉 �젒洹쇳븷 �닔 �엳�뒗�뜲, + // 釉뚮씪�슦����뿉�꽌 �쟾�뿭 媛앹껜�뒗 �빆�긽 'window'�엯�땲�떎. �쟾�뿭 媛앹껜�뒗 + // Node.js��� 媛숈�� 釉뚮씪�슦���媛� �븘�땶 �솚寃쎌뿉�꽌�뒗 �떎瑜� �씠由꾩씪 �닔�룄 �엳�뒿�땲�떎. window.permanent = 10 - // 또는 앞에서 언급했다시피 var 키워드를 뺄 수도 있습니다. + // �삉�뒗 �븵�뿉�꽌 �뼵湲됲뻽�떎�떆�뵾 var �궎�썙�뱶瑜� 類� �닔�룄 �엳�뒿�땲�떎. permanent2 = 15 })() -temporary // ReferenceError 발생 +temporary // ReferenceError 諛쒖깮 permanent // = 10 permanent2 // = 15 -// 자바스크립트의 강력한 기능 중 하나는 클로저(closure)입니다. -// 함수가 다른 함수 안에서 정의되면 안쪽에 정의된 함수는 바깥 함수의 -// 모든 변수에 접근할 수 있습니다. +// �옄諛붿뒪�겕由쏀듃�쓽 媛뺣젰�븳 湲곕뒫 以� �븯�굹�뒗 �겢濡쒖��(closure)�엯�땲�떎. +// �븿�닔媛� �떎瑜� �븿�닔 �븞�뿉�꽌 �젙�쓽�릺硫� �븞履쎌뿉 �젙�쓽�맂 �븿�닔�뒗 諛붽묑 �븿�닔�쓽 +// 紐⑤뱺 蹂��닔�뿉 �젒洹쇳븷 �닔 �엳�뒿�땲�떎. function sayHelloInFiveSeconds(name){ var prompt = "Hello, " + name + "!" function inner(){ alert(prompt) } setTimeout(inner, 5000) - // setTimeout은 비동기적으로 동작하므로 이 함수는 5초 동안 - // 기다리지 않고 실행을 마칩니다. 하지만 5초가 지나면 inner에서도 - // prompt의 값에 접근할 수 있습니다. + // setTimeout��� 鍮꾨룞湲곗쟻�쑝濡� �룞�옉�븯誘�濡� �씠 �븿�닔�뒗 5珥� �룞�븞 + // 湲곕떎由ъ�� �븡怨� �떎�뻾�쓣 留덉묩�땲�떎. �븯吏�留� 5珥덇�� 吏��굹硫� inner�뿉�꽌�룄 + // prompt�쓽 媛믪뿉 �젒洹쇳븷 �닔 �엳�뒿�땲�떎. } sayHelloInFiveSeconds("Adam") // will open a popup with "Hello, Adam!" in 5s /////////////////////////////////// -// 5. 객체 심화; 생성자와 프로토타입 +// 5. 媛앹껜 �떖�솕; �깮�꽦�옄��� �봽濡쒗넗����엯 -// 객체는 함수를 포함할 수 있습니다. +// 媛앹껜�뒗 �븿�닔瑜� �룷�븿�븷 �닔 �엳�뒿�땲�떎. var myObj = { myFunc: function(){ return "Hello world!" @@ -281,8 +281,8 @@ var myObj = { } myObj.myFunc() // = "Hello world!" -// 객체에 포함된 함수가 호출되면 함수에서는 this 키워드를 이용해 -// 해당 함수가 포함된 객체에 접근할 수 있습니다. +// 媛앹껜�뿉 �룷�븿�맂 �븿�닔媛� �샇異쒕릺硫� �븿�닔�뿉�꽌�뒗 this �궎�썙�뱶瑜� �씠�슜�빐 +// �빐�떦 �븿�닔媛� �룷�븿�맂 媛앹껜�뿉 �젒洹쇳븷 �닔 �엳�뒿�땲�떎. myObj = { myString: "Hello world!", myFunc: function(){ @@ -291,22 +291,22 @@ myObj = { } myObj.myFunc() // = "Hello world!" -// 여기서 설정한 것은 함수가 정의된 곳이 아닌 함수가 호출되는 -// 방식과 관련이 있습니다. 그래서 아래 함수는 객체 컨텍스트에서 -// 호출되지 않으면 동작하지 않습니다. +// �뿬湲곗꽌 �꽕�젙�븳 寃껋�� �븿�닔媛� �젙�쓽�맂 怨녹씠 �븘�땶 �븿�닔媛� �샇異쒕릺�뒗 +// 諛⑹떇怨� 愿��젴�씠 �엳�뒿�땲�떎. 洹몃옒�꽌 �븘�옒 �븿�닔�뒗 媛앹껜 而⑦뀓�뒪�듃�뿉�꽌 +// �샇異쒕릺吏� �븡�쑝硫� �룞�옉�븯吏� �븡�뒿�땲�떎. var myFunc = myObj.myFunc myFunc() // = undefined -// 반대로 함수는 객체에 할당하고 this를 통해 해당 객체에 접근할 수 있습니다. -// 함수를 정의할 때 객체에 추가되지 않았더라도 마찬가지입니다. +// 諛섎��濡� �븿�닔�뒗 媛앹껜�뿉 �븷�떦�븯怨� this瑜� �넻�빐 �빐�떦 媛앹껜�뿉 �젒洹쇳븷 �닔 �엳�뒿�땲�떎. +// �븿�닔瑜� �젙�쓽�븷 �븣 媛앹껜�뿉 異붽���릺吏� �븡�븯�뜑�씪�룄 留덉갔媛�吏��엯�땲�떎. var myOtherFunc = function(){ return this.myString.toUpperCase() } myObj.myOtherFunc = myOtherFunc myObj.myOtherFunc() // = "HELLO WORLD!" -// new 키워드로 함수를 호출하면 새로운 객체가 생성되고 this를 통해 -// 함수에서 사용할 수 있게 됩니다. 이런 식으로 설계된 함수를 생성자라 합니다. +// new �궎�썙�뱶濡� �븿�닔瑜� �샇異쒗븯硫� �깉濡쒖슫 媛앹껜媛� �깮�꽦�릺怨� this瑜� �넻�빐 +// �븿�닔�뿉�꽌 �궗�슜�븷 �닔 �엳寃� �맗�땲�떎. �씠�윴 �떇�쑝濡� �꽕怨꾨맂 �븿�닔瑜� �깮�꽦�옄�씪 �빀�땲�떎. var MyConstructor = function(){ this.myNumber = 5 @@ -314,14 +314,14 @@ var MyConstructor = function(){ myNewObj = new MyConstructor() // = {myNumber: 5} myNewObj.myNumber // = 5 -// 모든 자바스크립트 객체는 'prototype'을 가지고 있습니다. 어떤 객체에 대해 -// 실제 객체에는 존재하지 않는 프로퍼티에 접근하면 인터프리터는 프로로타입에서 -// 해당 프로퍼티를 찾습니다. +// 紐⑤뱺 �옄諛붿뒪�겕由쏀듃 媛앹껜�뒗 'prototype'�쓣 媛�吏�怨� �엳�뒿�땲�떎. �뼱�뼡 媛앹껜�뿉 ����빐 +// �떎�젣 媛앹껜�뿉�뒗 議댁옱�븯吏� �븡�뒗 �봽濡쒗띁�떚�뿉 �젒洹쇳븯硫� �씤�꽣�봽由ы꽣�뒗 �봽濡쒕줈����엯�뿉�꽌 +// �빐�떦 �봽濡쒗띁�떚瑜� 李얠뒿�땲�떎. -// 일부 자바스크립트 구현체에서는 __proto__라는 마법의 프로퍼티로 -// 객체의 프로토타입에 접근하는 것을 허용하기도 합니다. 프로토타입을 -// 설명하기에는 이런 내용도 도움되겠지만 __proto__는 표준에 포함돼 -// 있지 않습니다. 나중에 프로토타입을 사용하는 표준 방법을 살펴보겠습니다. +// �씪遺� �옄諛붿뒪�겕由쏀듃 援ы쁽泥댁뿉�꽌�뒗 __proto__�씪�뒗 留덈쾿�쓽 �봽濡쒗띁�떚濡� +// 媛앹껜�쓽 �봽濡쒗넗����엯�뿉 �젒洹쇳븯�뒗 寃껋쓣 �뿀�슜�븯湲곕룄 �빀�땲�떎. �봽濡쒗넗����엯�쓣 +// �꽕紐낇븯湲곗뿉�뒗 �씠�윴 �궡�슜�룄 �룄����릺寃좎��留� __proto__�뒗 �몴以��뿉 �룷�븿�뤌 +// �엳吏� �븡�뒿�땲�떎. �굹以묒뿉 �봽濡쒗넗����엯�쓣 �궗�슜�븯�뒗 �몴以� 諛⑸쾿�쓣 �궡�렣蹂닿쿋�뒿�땲�떎. var myObj = { myString: "Hello world!", } @@ -334,37 +334,37 @@ var myPrototype = { myObj.__proto__ = myPrototype myObj.meaningOfLife // = 42 -// 이 방법은 함수에도 통합니다. +// �씠 諛⑸쾿��� �븿�닔�뿉�룄 �넻�빀�땲�떎. myObj.myFunc() // = "hello world!" -// 물론 프로퍼티가 프로토타입에 존재하지 않으면 -// 프로토타입의 프로토타입을 찾는 식으로 진행됩니다. +// 臾쇰줎 �봽濡쒗띁�떚媛� �봽濡쒗넗����엯�뿉 議댁옱�븯吏� �븡�쑝硫� +// �봽濡쒗넗����엯�쓽 �봽濡쒗넗����엯�쓣 李얜뒗 �떇�쑝濡� 吏꾪뻾�맗�땲�떎. myPrototype.__proto__ = { myBoolean: true } myObj.myBoolean // = true -// 여기서 복사는 일어나지 않습니다. 각 객체에는 프로토타입에 대한 -// 참조가 보관돼 있습니다. 이는 프로토타입을 변경하면 변경사항이 -// 모든 곳에 반영된다는 의미입니다. +// �뿬湲곗꽌 蹂듭궗�뒗 �씪�뼱�굹吏� �븡�뒿�땲�떎. 媛� 媛앹껜�뿉�뒗 �봽濡쒗넗����엯�뿉 ����븳 +// 李몄“媛� 蹂닿���뤌 �엳�뒿�땲�떎. �씠�뒗 �봽濡쒗넗����엯�쓣 蹂�寃쏀븯硫� 蹂�寃쎌궗�빆�씠 +// 紐⑤뱺 怨녹뿉 諛섏쁺�맂�떎�뒗 �쓽誘몄엯�땲�떎. myPrototype.meaningOfLife = 43 myObj.meaningOfLife // = 43 -// 앞에서 __proto__가 표준에 포함돼 있지 않다고 이야기했는데, -// 기존 객체의 프로토타입을 변경하는 표준 방법은 없습니다. -// 하지만 특정 프로토타입을 가지고 새로운 객체를 생성하는 두 가지 -// 방법이 있습니다. +// �븵�뿉�꽌 __proto__媛� �몴以��뿉 �룷�븿�뤌 �엳吏� �븡�떎怨� �씠�빞湲고뻽�뒗�뜲, +// 湲곗〈 媛앹껜�쓽 �봽濡쒗넗����엯�쓣 蹂�寃쏀븯�뒗 �몴以� 諛⑸쾿��� �뾾�뒿�땲�떎. +// �븯吏�留� �듅�젙 �봽濡쒗넗����엯�쓣 媛�吏�怨� �깉濡쒖슫 媛앹껜瑜� �깮�꽦�븯�뒗 �몢 媛�吏� +// 諛⑸쾿�씠 �엳�뒿�땲�떎. -// 첫 번째 방법은 Object.create를 이용하는 것인데, -// Object.create는 최근에 자바스크립트에 추가된 것이라서 아직까지 -// 모든 구현체에서 이용할 수 있는 것은 아닙니다. +// 泥� 踰덉㎏ 諛⑸쾿��� Object.create瑜� �씠�슜�븯�뒗 寃껋씤�뜲, +// Object.create�뒗 理쒓렐�뿉 �옄諛붿뒪�겕由쏀듃�뿉 異붽���맂 寃껋씠�씪�꽌 �븘吏곴퉴吏� +// 紐⑤뱺 援ы쁽泥댁뿉�꽌 �씠�슜�븷 �닔 �엳�뒗 寃껋�� �븘�떃�땲�떎. var myObj = Object.create(myPrototype) myObj.meaningOfLife // = 43 -// 두 번째 방법은 어디서나 통하는 방법인데, 생성자와 관련이 있습니다. -// 생성자에는 prototype이라는 프로퍼티가 있습니다. 이 프로퍼티는 -// 생성자 함수 자체의 프로토타입이 *아니고* 생성자와 new 키워드를 이용해 -// 객체가 생성될 때 새로운 객체가 받는 프로토타입입니다. +// �몢 踰덉㎏ 諛⑸쾿��� �뼱�뵒�꽌�굹 �넻�븯�뒗 諛⑸쾿�씤�뜲, �깮�꽦�옄��� 愿��젴�씠 �엳�뒿�땲�떎. +// �깮�꽦�옄�뿉�뒗 prototype�씠�씪�뒗 �봽濡쒗띁�떚媛� �엳�뒿�땲�떎. �씠 �봽濡쒗띁�떚�뒗 +// �깮�꽦�옄 �븿�닔 �옄泥댁쓽 �봽濡쒗넗����엯�씠 *�븘�땲怨�* �깮�꽦�옄��� new �궎�썙�뱶瑜� �씠�슜�빐 +// 媛앹껜媛� �깮�꽦�맆 �븣 �깉濡쒖슫 媛앹껜媛� 諛쏅뒗 �봽濡쒗넗����엯�엯�땲�떎. myConstructor.prototype = { getMyNumber: function(){ return this.myNumber @@ -373,63 +373,63 @@ myConstructor.prototype = { var myNewObj2 = new myConstructor() myNewObj2.getMyNumber() // = 5 -// 문자열과 숫자와 같은 내장 타입에도 동등한 래퍼 객체를 -// 생성하는 생성자가 있습니다. +// 臾몄옄�뿴怨� �닽�옄��� 媛숈�� �궡�옣 ����엯�뿉�룄 �룞�벑�븳 �옒�띁 媛앹껜瑜� +// �깮�꽦�븯�뒗 �깮�꽦�옄媛� �엳�뒿�땲�떎. var myNumber = 12 var myNumberObj = new Number(12) myNumber == myNumberObj // = true -// 하지만 정확히 같지는 않습니다. +// �븯吏�留� �젙�솗�엳 媛숈���뒗 �븡�뒿�땲�떎. typeof(myNumber) // = 'number' typeof(myNumberObj) // = 'object' myNumber === myNumberObj // = false if (0){ - // 0은 거짓이라서 이 코드는 실행되지 않습니다. + // 0��� 嫄곗쭞�씠�씪�꽌 �씠 肄붾뱶�뒗 �떎�뻾�릺吏� �븡�뒿�땲�떎. } if (Number(0)){ - // Number(0)은 참이라서 이 코드는 *실행됩니다*. + // Number(0)��� 李몄씠�씪�꽌 �씠 肄붾뱶�뒗 *�떎�뻾�맗�땲�떎*. } -// 하지만 래퍼 객체와 일반 내장 함수는 프로토타입을 공유하기 때문에 -// 가령 문자열에 실제로 기능을 추가할 수 있습니다. +// �븯吏�留� �옒�띁 媛앹껜��� �씪諛� �궡�옣 �븿�닔�뒗 �봽濡쒗넗����엯�쓣 怨듭쑀�븯湲� �븣臾몄뿉 +// 媛��졊 臾몄옄�뿴�뿉 �떎�젣濡� 湲곕뒫�쓣 異붽���븷 �닔 �엳�뒿�땲�떎. String.prototype.firstCharacter = function(){ return this.charAt(0) } "abc".firstCharacter() // = "a" -// 이러한 사실은 기존 자바스크립트 버전에서 자바스크립트의 -// 새로운 기능을 구현하는 "폴리필(polyfilling)"에 자주 이용되므로 -// 오래된 버전의 브라우저와 같이 기존 환경에서 사용될 수 있습니다. +// �씠�윭�븳 �궗�떎��� 湲곗〈 �옄諛붿뒪�겕由쏀듃 踰꾩쟾�뿉�꽌 �옄諛붿뒪�겕由쏀듃�쓽 +// �깉濡쒖슫 湲곕뒫�쓣 援ы쁽�븯�뒗 "�뤃由ы븘(polyfilling)"�뿉 �옄二� �씠�슜�릺誘�濡� +// �삤�옒�맂 踰꾩쟾�쓽 釉뚮씪�슦������ 媛숈씠 湲곗〈 �솚寃쎌뿉�꽌 �궗�슜�맆 �닔 �엳�뒿�땲�떎. -// 예를 들어, Object.create가 모든 구현체에서 사용 가능한 것은 아니라고 -// 했지만 아래의 폴리필을 이용해 Object.create를 여전히 사용할 수 있습니다. +// �삁瑜� �뱾�뼱, Object.create媛� 紐⑤뱺 援ы쁽泥댁뿉�꽌 �궗�슜 媛��뒫�븳 寃껋�� �븘�땲�씪怨� +// �뻽吏�留� �븘�옒�쓽 �뤃由ы븘�쓣 �씠�슜�빐 Object.create瑜� �뿬�쟾�엳 �궗�슜�븷 �닔 �엳�뒿�땲�떎. if (Object.create === undefined){ // don't overwrite it if it exists Object.create = function(proto){ - // 올바른 프로토타입을 가지고 임시 생성자를 만듬 + // �삱諛붾Ⅸ �봽濡쒗넗����엯�쓣 媛�吏�怨� �엫�떆 �깮�꽦�옄瑜� 留뚮벉 var Constructor = function(){} Constructor.prototype = proto - // 그런 다음 임시 생성자를 이용해 새로운 적절한 프로토타입을 - // 포함한 객체를 생성 + // 洹몃윴 �떎�쓬 �엫�떆 �깮�꽦�옄瑜� �씠�슜�빐 �깉濡쒖슫 �쟻�젅�븳 �봽濡쒗넗����엯�쓣 + // �룷�븿�븳 媛앹껜瑜� �깮�꽦 return new Constructor() } } ``` -## 기타 참고 자료 +## 湲고�� 李멸퀬 �옄猷� -[모질라 개발자 네트워크](https://developer.mozilla.org/en-US/docs/Web/JavaScript)에서는 -자바스크립트에 대한 훌륭한 문서를 제공합니다. 더불어 위키 형식이라서 좀 더 많은 사항을 -배우게 되면 여러분만의 지식을 공유함으로써 다른 사람들에게 도움을 줄 수도 있습니다. +[紐⑥쭏�씪 媛쒕컻�옄 �꽕�듃�썙�겕](https://developer.mozilla.org/en-US/docs/Web/JavaScript)�뿉�꽌�뒗 +�옄諛붿뒪�겕由쏀듃�뿉 ����븳 �썙瑜��븳 臾몄꽌瑜� �젣怨듯빀�땲�떎. �뜑遺덉뼱 �쐞�궎 �삎�떇�씠�씪�꽌 醫� �뜑 留롮�� �궗�빆�쓣 +諛곗슦寃� �릺硫� �뿬�윭遺꾨쭔�쓽 吏��떇�쓣 怨듭쑀�븿�쑝濡쒖뜥 �떎瑜� �궗�엺�뱾�뿉寃� �룄����쓣 以� �닔�룄 �엳�뒿�땲�떎. -MDN의 ['자바스크립트 재입문'](https://developer.mozilla.org/ko/docs/A_re-introduction_to_JavaScript)에서는 -여기서 다룬 개념의 상당수를 더욱 자세히 다루고 있습니다. 이 자료에서는 자바스크립트 언어 자체에 -대해서만 상당히 신중하게 다뤘습니다. 웹 페이지에서 자바스크립트를 사용하는 방법을 배우고 싶다면 -[문서 객체 모델(Document Object Model)](https://developer.mozilla.org/en-US/docs/Using_the_W3C_DOM_Level_1_Core)에 -관해 배우는 것으로 시작하길 바랍니다. +MDN�쓽 ['�옄諛붿뒪�겕由쏀듃 �옱�엯臾�'](https://developer.mozilla.org/ko/docs/A_re-introduction_to_JavaScript)�뿉�꽌�뒗 +�뿬湲곗꽌 �떎猷� 媛쒕뀗�쓽 �긽�떦�닔瑜� �뜑�슧 �옄�꽭�엳 �떎猷④퀬 �엳�뒿�땲�떎. �씠 �옄猷뚯뿉�꽌�뒗 �옄諛붿뒪�겕由쏀듃 �뼵�뼱 �옄泥댁뿉 +����빐�꽌留� �긽�떦�엳 �떊以묓븯寃� �떎琉섏뒿�땲�떎. �쎒 �럹�씠吏��뿉�꽌 �옄諛붿뒪�겕由쏀듃瑜� �궗�슜�븯�뒗 諛⑸쾿�쓣 諛곗슦怨� �떢�떎硫� +[臾몄꽌 媛앹껜 紐⑤뜽(Document Object Model)](https://developer.mozilla.org/en-US/docs/Using_the_W3C_DOM_Level_1_Core)�뿉 +愿��빐 諛곗슦�뒗 寃껋쑝濡� �떆�옉�븯湲� 諛붾엻�땲�떎. -[자바스크립트 가든](http://bonsaiden.github.io/JavaScript-Garden/)에서는 자바스크립트 언어에서 -직관에 어긋나는 모든 부분들을 심도 있게 다룹니다. +[�옄諛붿뒪�겕由쏀듃 媛��뱺](http://bonsaiden.github.io/JavaScript-Garden/)�뿉�꽌�뒗 �옄諛붿뒪�겕由쏀듃 �뼵�뼱�뿉�꽌 +吏곴���뿉 �뼱湲뗫굹�뒗 紐⑤뱺 遺�遺꾨뱾�쓣 �떖�룄 �엳寃� �떎猷밸땲�떎. -더불어 이 글에 직접적으로 기여한 분들로, 내용 중 일부는 이 사이트에 있는 -루이 딘(Louie Dihn)의 파이썬 튜토리얼과 모질라 개발자 네트워크에 있는 -[자바스크립트 튜토리얼](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)을 참고했습니다. \ No newline at end of file +�뜑遺덉뼱 �씠 湲��뿉 吏곸젒�쟻�쑝濡� 湲곗뿬�븳 遺꾨뱾濡�, �궡�슜 以� �씪遺��뒗 �씠 �궗�씠�듃�뿉 �엳�뒗 +猷⑥씠 �뵖(Louie Dihn)�쓽 �뙆�씠�뜫 �뒠�넗由ъ뼹怨� 紐⑥쭏�씪 媛쒕컻�옄 �꽕�듃�썙�겕�뿉 �엳�뒗 +[�옄諛붿뒪�겕由쏀듃 �뒠�넗由ъ뼹](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)�쓣 李멸퀬�뻽�뒿�땲�떎. \ No newline at end of file -- cgit v1.2.3