MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

자바스크립트 첫걸음

먼저 자바스크립트로 뭔가를 만들기 전에, "자바스크립트가 뭐지?", "어떻게 생겼지?", "무엇을 할 수 있지?" 와 같은 근원적인 질문이 필요하다. 그러고 나서, 변수, 문자열, 숫자, 배열과 같은 벽돌을 하나하나씩 맞추는 것처럼 자세히 알아보아야 한다.

시작하기 앞서

과정에 앞서, 아마도 이 글을 읽고 있는 독자라면 HTML, CSS에 대해 조금 익숙해도, 자바스크립트에 대한 지식은 없을 것이다. 자바스크립트를 공부하기 정에 다음과정들을 공부하는 게 좋을 것 같으니, 미리 한번 살펴보자.

Note: 만약 자신의 코드 파일을 저장할 수 있는 IDE가 설치된 컴퓨터나 태플릿이 없다면,  JSBin or Thimble(개인적으로 CodePen추천)등과 같은 웹기반의 코딩 프로그램을 사용하는 것을 추천한다. 사용이 쉽고, 인터넷만 있다면 편하게 쓸 수 있다.

목차

자바스크립트란?
MDN의 자바스크립트 초급자과정에 오신 여러분들의 건투를 빈다. 이곳에서는 "이것이 뭘까?", "어떻게 작동하지?"와 같은 질문을 하며 고차원적으로 접근할 것이다. 또한 이를 통해 자바스크립트의 목적에 대해 확고히 할 수 있을 것이다.
자바스크립트 기초
이제 자바스크립트에 대해 몇몇 이론에 대해 알아보고, 직접 실행해보고, 실용적인 연습을 통해 문제를 발견하고 해결해 나가는 과정을 진행해나갈것이다. "숫자 알아맞추기" 게임과 같은 간단한 프로젝트도 조금씩 만들어볼 것이다.
자바스크립트 문제해결
앞에서 "숫자 알아맞추기"게임을 만들어 보면, 제대로 프로그램이 돌아가지 않는다는 것을 찾을 수 있다. 하지만 이 과정은 자바스크립트의 에러를 찾고 고치는 방법을 가르쳐 주고 문제생겼을 때 해결할 수 있는 자신감과 목표를 알려주니 너무 겁먹지 않도록!
필요한 정보 저장하기 — 변수
이제쯤이면 자바스크립트가 무엇이고, 어떻게 다른 웹 기술과 엮여있는지, 고차원적인 물음에 대한 대답등을 할 수 있을 것이다. 여기서는 첫번째 벽돌을 쌓는 진짜 기본 과정이라고 볼 수 있다. 변수에 대해 알아보자!
Basic math in JavaScript — numbers and operators
프로그래밍과 수학은 천생연분이다. 이제 연산자와 같은 다른 특징들을 알아봄으로서 숫자로 자바스크립트를 완성해보자!
Handling text — strings in JavaScript
다음으로, 문자열(프로그래밍에서 문자의 나열이라고 보면 된다)에 대해 살펴보자. 여기서는 문자열을 생성하고, 화면에 출력하는 등 자바스크립트를 배울 때 꼭 알아야할 필수적인 문자열 관련 내용을 살펴볼 것이다.
Useful string methods
앞에서는 문자열의 기초적인 것에 대해 살펴보았다. 이제 한 단계 더 나아가 문자열의 길이찾기, 분해, 교체등과 같은 내장된 문자열 관련 내용을 알아보자.
Arrays
이제 이 과정의 마지막 절차로 배열에 대해 알아볼 것이다. 배열은 데이터 요소들을 하나의 변수에 리스트로 줄줄이 저장하는 것으로 얼마나 배열이 유용한지 알 수 있을 것이다. 여기서는 배열의 생성과 검색, 추가, 배열 요소 제거들과 같은 내용을 다룰 것이다.

평가

이제 아래의 과정을 통해 지금까지의 자바스크립트 이해해 대해 평가를 진행할 것이니 한 번 해보자~

Silly story generator
이 평가에서는 각자 배운 내용을 돌이켜보고, 간단하고 재미있는 랜덤 어플리케이션을 만들어볼 것이다. 화이팅!

문서 태그 및 공헌자

 이 페이지의 공헌자: kidkkr, galcyurio, ChanghwaLee
 최종 변경: kidkkr,