From d0e1560e7d7ffa71e2ac266f51656ffa08803d92 Mon Sep 17 00:00:00 2001 From: hochan Lee Date: Sat, 29 May 2021 12:03:05 +0900 Subject: [FIX] Javascript main page translation (#935) * [FIX] JS strong tag && space, javascript * [FIX] url link * [FIX] wiki other usage link * [FIX] javascript about page absolube link * [FIX] first paragraph * [FIX] paragraph 2 * [FIX] paragraph 3, javascript * [FIX] paragraph 3, javascript * [FEAT] add front banner * [FIX] heading tutorial * [FEAT] beginner guide * [FEAT] complete beginner guide * [FIX] intermediate guide * [FIX] advance guide * [FIX] reference * [FEAT] add tools and resources * [FEAT] add tags --- files/ko/web/javascript/index.html | 124 ++++++++++++++++++++++--------------- 1 file changed, 73 insertions(+), 51 deletions(-) (limited to 'files/ko/web/javascript/index.html') diff --git a/files/ko/web/javascript/index.html b/files/ko/web/javascript/index.html index 923d422500..20240d4edf 100644 --- a/files/ko/web/javascript/index.html +++ b/files/ko/web/javascript/index.html @@ -4,93 +4,101 @@ slug: Web/JavaScript tags: - JavaScript - Landing + - Landing page - Learn - - 'l10n:priority' + - l10n:priority - 자바스크립트 translation_of: Web/JavaScript ---
{{JsSidebar}}
-

JavaScript(JS)는 가벼운 인터프리터 또는 JIT 컴파일 프로그래밍 언어로, {{Glossary("First-class Function", "일급 함수")}}를 지원합니다. 웹 페이지의 스크립트 언어로서 제일 유명하지만 {{Glossary("Node.js")}}, Apache CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용하고 있습니다. JavaScript는 {{Glossary("Prototype-based programming", "프로토타입 기반")}}의 동적 다중 패러다임 스크립트 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다. 자세한 내용은 JavaScript에 대하여를 참고하세요.

+

JavaScript (JS)는 경량, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, {{Glossary("First-class Function", "일급 함수")}}를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, {{Glossary("Node.js")}}, Apache CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용하고 있습니다. JavaScript는 {{Glossary("Prototype-based programming", "프로토타입 기반")}}, 다중 패러다임, 단일 스레드, 동적 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다. 자세한 내용은 JavaScript에 대하여를 참고하세요.

-

이 문서는 JavaScript 언어 자체만 다루며 웹 페이지를 비롯한 다른 사용 환경에 대해서는 다루지 않습니다. 웹 페이지의 특정 {{Glossary("API")}}에 대하여 알고 싶다면 웹 API와 DOM을 참고하시기 바랍니다.

+

해당 절은 JavaScript 언어 자체를 다루며 웹 페이지를 또는 다른 사용 환경에 대한 특정 부분이 아닙니다. 웹 페이지의 특정 {{Glossary("API","API")}}에 대한 정보를 알고 싶다면, 웹 API와 {{Glossary("DOM")}}을 참고하시기 바랍니다.

-

JavaScript의 표준은 ECMAScript입니다. 2012년 기준 최신 브라우저는 모두 ECMAScript 5.1을 온전히 지원합니다. 이전 브라우저의 경우는 최소한 ECMAScript 3까지는 지원합니다. 2015년 6월 17일 ECMA International에서는 공식명 ECMAScript 2015 로 불리는 ECMAScript의 6번째 주 버전을 발표했습니다(보통 ECMAScript 6 혹은 ES6으로 불립니다). 그 이후 ECMAScript 표준의 출시 주기는 1년입니다. 이 문서는 최신 초안(현재 ECMAScript 2020)에 기반을 둡니다.

+

JavaScript의 표준은 ECMAScript 언어 사양 (ECMA-262) 및 ECMAScript 국제화 API 사양 (ECMA-402)입니다. MDN 전체의 JavaScript 문서는 ECMA-262 및 ECMA-402의 최신 초안 버전을 기반으로합니다. 새로운 ECMAScript 기능에 대한 일부 제안이 이미 브라우저에 구현 된 경우, MDN 기사의 문서 및 예제에서 이러한 새로운 기능 중 일부를 사용할 수 있습니다. -

JavaScript를 Java 프로그래밍 언어와 혼동해서는 안 됩니다. "Java"와 "JavaScript" 두 가지 모두 Oracle이 미국 및 기타 국가에 등록한 상표입니다. 하지만, 두 언어는 문법 체계와 사용 방법이 전혀 다릅니다.

+

JavaScript와 Java 프로그래밍 언어를 혼동해서는 안 됩니다. "Java"와 "JavaScript" 는 모두 상표 또는 미국 및 기타 국가에서 등록된 Oracle의 상표입니다. 그러나 두 프로그래밍 언어는 구문, 의미 및 사용 방법이 매우 다릅니다.

-
-
-

자습서

+
+

프론트 엔드 웹 개발자가되고 싶으신가요?

-

안내서 및 자습서와 함께 JavaScript 프로그램을 짜는 법을 알아보세요.

+

목표 달성에 필요한 모든 필수 정보가 포함된 과정을 마련했습니다.

-

입문

+

시작하기

-

JavaScript를 배우고 싶지만 JavaScript 또는 프로그래밍에 대한 이전 경험이 없는 경우 Web 개발 학습하기의 JavaScript 주제를 방문하세요. 사용할 수 있는 전체 모듈은 다음과 같습니다.

+
+ +

자습서

+ +

가이드 및 자습서를 통해 JavaScript로 프로그래밍하는 방법을 알아보십시오.

+ +

입문자용

+ +

JavaScript를 배우고 싶지만 JavaScript나 프로그래밍에 대한 이전 경험이 없는 경우 JavaScript 주제에 대한 학습 영역을 방문하세요. 사용할 수 있는 전체 모듈은 다음과 같습니다.

JavaScript 첫 걸음
-
"JavaScript는 무엇인가요?", "어떤 모습인가요?", "뭘 할 수 있나요?"와 같은 기본적인 질문에 대답하면서 변수, 문자열, 숫자, 배열과 같은 JavaScript의 주요 기능에 대해서도 알아봅니다.
+
변수, 문자열, 숫자 및 배열과 같은 주요 JavaScript 기능에 대해 논의하면서 "JavaScript 는 무엇인가요?", "어떤 모습인가요?", "무엇을 할 수 있나요?"와 같은 몇 가지 기본적인 질문에 답합니다.
JavaScript 구성 요소
JavaScript의 핵심 기본 기능에 대한 이해를 넓히기 위해 조건문, 반복문, 함수, 이벤트와 같이 흔히 찾을 수 코드 블록의 형태에 대해서 알아봅니다.
JavaScript 객체 소개
-
JavaScript에 대한 지식을 쌓고, 보다 효율적인 코드를 작성하기 위해서는 JavaScript의 객체지향적인 모습을 이해해야 합니다.
+
JavaScript의 객체 지향적 특성은 언어에 대한 지식을 더 넓히고보다 효율적인 코드를 작성하려는 경우 이해하는데 중요하므로, 이 모듈을 제공하여 도움을 드릴것입니다.
비동기 JavaScript
비동기 JavaScript가 중요한 이유와, 비동기적 코드를 사용해 서버에서 리소스 가져오기 등 블록킹 연산을 효율적으로 처리하는 방법을 알아봅니다.
클라이언트측 웹 API
-
API란 무엇인지 탐색해보고, 제일 흔히 사용해서 개발 중 자주 마주치게 될 일부 API의 사용법을 배웁니다.
+
API란 무엇인지 탐색해보고, 개발 작업에서 자주 접하게 될 가장 일반적인 API를 사용하는 방법을 알아봅니다.
-

JavaScript 안내서

+ +

JavaScript 안내서

+
JavaScript 안내서
-
-

JavaScript 또는 다른 언어의 경험을 가진 독자를 대상으로 한 JavaScript 상세 안내서입니다.

-
+
JavaScript 또는 다른 언어로 프로그래밍 경험이 있는 독자들을 대상으로한 JavaScript 언어에 대한 상세 가이드입니다.
-

중급

+

중급

-
JavaScript 재입문
-
JavaScript에 대해 안다고 생각하는 이들을 위한 개요.
-
JavaScript 데이터 구조
+
클라이언트 측 JavaScript 프레임 워크 이해
+
JavaScript 프레임워크는 현대적인 프런트 엔드 웹 개발의 필수 부분으로, 개발자에게 확장 가능한 대화형 웹 응용 프로그램을 구축하기위한 입증된 도구를 제공합니다. 이 모듈에서는 오늘날 가장 인기있는 일부 프레임 워크를 다루는 자습서 시리즈로 이동하기 전에 클라이언트 측 프레임 워크가 작동하는 방식과 도구 집합에 맞는 방식에 대한 기본적인 배경 지식을 제공합니다.
+
JavaScript 재입문
+
JavaScript에 대해 알고 있다고 생각하는 사람들을 위한 개요.
+
JavaScript 데이터 구조
JavaScript에서 이용 가능한 데이터 구조 개요.
-
같음 비교 및 동일성
-
JavaScript는 세 가지 다른 값 비교 연산을 제공합니다: ===를 사용한 엄격한(strict) 같음, ==를 사용한 느슨한(loose) 같음 및 {{jsxref("Global_Objects/Object/is", "Object.is()")}} 메서드.
+
동등성 비교 및 ​​동일성
+
JavaScript는 세 가지 다른 값 비교 연산을 제공합니다: ===를 사용한 엄격한(strict) 동등성, ==를 사용한 느슨한 동등성 및 {{jsxref("Global_Objects/Object/is", "Object.is()")}} 메서드.
클로저
-
클로저는 함수와 그 함수가 선언 된 어휘 환경의 조합입니다.
+
클로저는 함수와 그 함수가 선언된 어휘 환경의 조합입니다.
-

고급

+

고급

-
상속 및 프로토타입 체인
-
널리 오해 받고 과소 평가된 프로토타입(원형) 기반 상속의 설명.
-
엄격 모드
-
엄격 모드는 초기화 전에 어떤 변수도 사용할 수 없음을 정의합니다. 이는 빠른 성능 및 쉬운 디버깅을 위한 ECMAScript 5의 제한된 변형(variant)입니다.
-
JavaScript 형식화된 배열
-
JavaScript 형식화된 배열은 원시(raw) 이진 데이터에 접근하기 위한 메커니즘을 제공합니다.
+
상속 및 프로토타입 체인
+
널리 오해 받고 과소 평가된 프로토타입 기반 상속의 설명.
+
엄격 모드
+
엄격 모드는 초기화 전에 변수를 사용할 수 없음을 정의합니다. 이는 빠른 성능 및 쉬운 디버깅을 위한 ECMAScript 5의 제한된 변형(variant)입니다.
+
JavaScript 형식화된 배열
+
JavaScript 형식화된 배열은 원시 이진 데이터에 접근하기 위한 메커니즘을 제공합니다.
메모리 관리
JavaScript에서 메모리 라이프 사이클 및 가비지 컬렉션.
-
동시성 모델 및 이벤트 루프
+
동시성 모델 및 이벤트 루프
JavaScript "이벤트 루프"에 기반을 둔 동시성 모델이 있습니다.
-
-
-

참고서

+

참고서

-

전체 JavaScript 참고서를 훑어보세요.

+

전체 JavaScript 참고서를 훑어보세요.

-
표준 객체
+
표준 객체
{{jsxref("Array")}}, {{jsxref("Boolean")}}, {{jsxref("Date")}}, {{jsxref("Error")}}, {{jsxref("Function")}}, {{jsxref("JSON")}}, {{jsxref("Math")}}, {{jsxref("Number")}}, {{jsxref("Object")}}, {{jsxref("RegExp")}}, {{jsxref("String")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, {{jsxref("WeakMap")}}, {{jsxref("WeakSet")}} 등 표준 내장 객체 알아가기.
-
표현식 및 연산자
-
JavaScript 연산자 {{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}의 행동, 연산자 우선순위 등에 대해 더 알아보기.
-
명령문 및 선언문
-
{{jsxref("Statements/do...while", "do-while")}}, {{jsxref("Statements/for...in", "for-in")}}, {{jsxref("Statements/for...of", "for-of")}}, {{jsxref("Statements/try...catch", "try-catch")}}, {{jsxref("Statements/let", "let")}}, {{jsxref("Statements/var", "var")}}, {{jsxref("Statements/const", "const")}}, {{jsxref("Statements/if...else", "if-else")}}, {{jsxref("Statements/switch", "switch")}} 등의 JavaScript 명령문 및 키워드 작동 법 배우기.
-
함수
+
표현식 및 연산자
+
JavaScript 연산자 {{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}의 동작, 연산자 우선순위 등에 대해 더 알아보기.
+
명령문 및 선언문
+
{{jsxref("Statements/do...while", "do-while")}}, {{jsxref("Statements/for...in", "for-in")}}, {{jsxref("Statements/for...of", "for-of")}}, {{jsxref("Statements/try...catch", "try-catch")}}, {{jsxref("Statements/let", "let")}}, {{jsxref("Statements/var", "var")}}, {{jsxref("Statements/const", "const")}}, {{jsxref("Statements/if...else", "if-else")}}, {{jsxref("Statements/switch", "switch")}} 등의 JavaScript의 문 및 키워드 작동법 배우기.
+
함수
어플리케이션 개발에 JavaScript 함수로 작업하는 법 배우기.
@@ -99,20 +107,34 @@ translation_of: Web/JavaScript

JavaScript 코드 작성과 디버깅을 돕는 유용한 도구 모음입니다.

-
Firefox 개발자 도구
+
Firefox 개발자 도구
Web Console, JavaScript Profiler, Debugger 등.
JavaScript 쉘
-
빠르게 JavaScript 코드 조각(snippet)을 테스트할 수 있는 JavaScript 쉘.
+
JavaScript 셸을 사용하면 JavaScript 코드 스니펫을 빠르게 테스트 할 수 있습니다.
+
JavaScript 배우기
+
야심찬 웹 개발자를 위한 훌륭한 리소스 — 간단한 강의와 대화 형 테스트를 통해 자동화된 평가를 통해 대화형 환경에서 JavaScript를 배우십시오. 처음 40 개의 강의는 무료이며 전체 과정은 소액의 일회성 지불로 제공됩니다.
TogetherJS
-
간편한 협업.
+
협업이 쉬워졌습니다. 사이트에 TogetherJS를 추가하면 사용자가 웹 사이트에서 실시간으로 서로를 도울 수 있습니다!
Stack Overflow
"JavaScript" 태그가 달린 Stack Overflow 질문.
-
JavaScript 버전 및 출시 노트
-
JavaScript 기능 역사 및 구현 상태 훑어보기.
JSFiddle
JavaScript, CSS, HTML 편집 및 실시간 결과 얻기. 외부 자원(resource)을 사용하며 온라인으로 팀과 협업하기.
Plunker
-
Plunker는 온라인에서 여러분의 웹 개발 아이디어를 실제로 만들거나 다른사람과 공유 협업하는 커뮤니티 입니다. 실시간으로 JavaScrip, CSS, HTML을 만들고 편집 할 수 있습니다.
+
Plunker는 온라인에서 여러분의 웹 개발 아이디어를 실제로 만들거나 다른사람과 공유 협업하는 커뮤니티 입니다. JavaScript, CSS, HTML 파일을 편집하고 실시간 결과와 파일 구조를 얻으세요.
+
JSBin
+
+

JS Bin은 오픈 소스 협업 웹 개발 디버깅 도구입니다.

+
+
Codepen
+
+

Codepen은 실시간으로 실행 결과를 볼 수 있으며 사용되는 또 다른 협업 웹 개발 도구입니다.

+
+
StackBlitz
+
+

StackBlitz는 React, Angular 등을 사용하여 풀 스택 애플리케이션을 호스팅하고 배포 할 수 있는 또 다른 온라인 플레이 그라운드/디버깅 도구입니다.

+
+
RunJS
+
+

RunJS는 데스크톱 플레이그라운드/스크래치 패드 도구로, 실시간 결과를 제공하고 노드 및 브라우저 API에 대한 액세스를 제공합니다.

+
-
-
-- cgit v1.2.3-54-g00ecf