현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

이번장에서는 조건문, 루프, 함수, 이벤트 등 일반적으로 발생하는 코드 블록의 종류를 중심으로 JavaScript의 중요한 기본 기능에 대해 설명합니다. 지금까지의 과정속에서 여기서 다룰내용을 살짝 지나가면서 보셨겠지만 여기서 좀더 심도있게 다루도록 하겠습니다.

선행사항

시작하기전에, 기본 HTMLCSS 기본지식을 가지고계신것이 좋습니다. 그리고 JavaScript first steps을 꼭 진행하신후 오시기바랍니다.

Note: 여기 나온 코드를 작성하고 실행해볼 수 없는 환경이라면 (태블릿, 스마트폰, 기타장치) , JSBin이나 Thimble에서 (대부분의) 코드 예제를 시험해 볼 수 있습니다.

가이드

Making decisions in your code — conditionals
어떤 프로그래밍 언어든 코드는 의사 결정을 내리고 입력 내용에 따라 작업을 수행해야합니다. 예를 들어 게임에서 플레이어의 생명수가 0이면 게임이 종료됩니다. 날씨 앱에서 아침에 보았을 때 일출 그래픽을 보여줍니다. 야간이라면 별과 달을 보여줍니다. 이 문서에서는 JavaScript에서 조건부 구조가 작동하는 방법을 살펴 보겠습니다. 
Looping code
때로는 한 번에 여러 번 작업을 수행해야합니다. 예를 들면 이름 목록을 살펴 보는것이 있습니다. 루프는 이런 반복적인 작업에 매우 적합합니다. 여기서는 JavaScript의 루프 구조를 살펴 보겠습니다.
Functions — reusable blocks of code
코딩의 또 다른 핵심 개념은 함수(Function)입니다. 함수를 사용하면 정의 된 블록 안에 단일 작업을 수행하는 코드를 저장 한 다음 동일한 코드를 여러 번 입력하지 않고 짧은 명령어를 사용하여 코드를 호출 할 수 있습니다. 이 기사에서는 기본 문법, 함수, 범위 및 매개 변수를 호출하고 정의하는 방법과 같은 함수의 기본 개념을 살펴 봅니다.
Build your own function
이전에 여러분이 배운 필수 이론을 활용하여 실제 코드를 작성해 보겠습니다. 여기서는 사용자 정의 함수를 작성해 보고 함수에서 유용한 내용을 좀더 알아보도록 하겠습니다.
Function return values
함수에 대해 알아야 할 마지막 필수 개념은 반환값입니다. 일부 함수는 완료 후에 중요한 값을 반환하지 않지만 값을 반환하기도 합니다. 값이 무엇인지, 코드에서 어떻게 사용하는지, 여러분이 작성한 함수가 어떻게 값을 반환하는지 이해하는 것이 중요합니다.
Introduction to events
이벤트란 프로그래밍중인 시스템에서 발생하는 동작이나 발생을 말하며, 시스템에서 그에 대해 알려주므로 원하는 경우 사용자가 어떤 방식으로든 이에 응답 할 수 있습니다. 예를 들어 사용자가 웹 페이지에서 버튼을 클릭하면 정보 상자를 표시하여 해당 작업에 응답 할 수 있습니다. 이 마지막 문서에서는 이벤트를 둘러싼 몇 가지 중요한 개념에 대해 이야기하고 브라우저에서 어떻게 작동하는지 살펴 보겠습니다.

평가

여기에선 위에서 다룬 JavaScript 기본 사항에 대해 여러분이 얼마나 이해했는지 테스트해볼 수 있습니다..

Image gallery
이제 자바 스크립트의 기본 구성 요소를 살펴 보았으므로 많은 웹 사이트에서 볼 수있는 공통 항목 인 자바 스크립트 기반 이미지 갤러리를 만들어 루프, 함수, 조건부 및 이벤트에 대한 지식을 테스트합니다. .

문서 태그 및 공헌자

이 페이지의 공헌자: harry-cong, limkukhyun
최종 변경: harry-cong,