Javascript | basic | 372 | scientific thinking

준비 사항

웹 브라우저

자바스크립트는 웹클라이언트에서 동작하는 언어 입니다. 웹 클라이언트 중 쉽게 접할 수 있는 웹 브라우저를 통해 학습이 가능합니다. 저는 Google Chrome Browser 를 사용하도록 하겠습니다.

(Firefox, IE, Edge, Opera 등 원하는 웹 브라우저를 선택하시기 바랍니다.)

구글 크롬 브라우저에는 개발자 도구 가 있습니다.

크롬 브라우저를 실행하고 F12 키를 누르고 console 탭으로 이동(혹은 Ctrl+Shift+j)을 하면 다음 화면과 같이 나옵니다. 이 화면에서 자바스크립트 코드를 입력하여 실시간으로 코드를 테스트 해볼 수 있습니다.

크롬 개발자 도구에 대한 자세한 설명은 생활코딩 강의를 참고해주시기 바랍니다.

Text Editor

자바스크립트 코딩을 작성하기 위해서는 에디터가 필요합니다. 에디터의 종류 또한 다양합니다만 저는 Visual Studio Code 를 사용하도록 하겠습니다.

설치법은 공식 홈페이지를 참고 해주시기 바랍니다.

(sublime text, atom, vim 등 원하는 에디터를 선택하시기 바랍니다.)

Hello World

개발자 도구에서 다음과 같이 입력하고 엔터를 입력합니다.

1	> alert('Hello world');

혹은 에디터를 열고 새파일 helloworld.html 을 만들고, 다음과 같이 입력하고 웹 브라우저로 실행합니다.

<!DOCTYPE html>
<html>
  <head>
    <script>
      alert('Hello world');
    </script>
  </head>
  <body>
  </body>
</html>

이제 준비가 다 되었습니다.

기본 법칙

자바스크립트는 대소문자를 구별 하며 유니코드(Unicode) 문자집합을 사용합니다.

표현

실행하는 명령을 표현하는 것을 표현식(expression) 이라고 합니다.

372
(36.5 + 63.5) / 10 
"372 world" 
'372 world'

표현식을 조합하여 문장(statment) 으로 만들어 내며, 문장의 구분을 ;(세미콜론) 으로 합니다.

1 2	372 + "world"; var ten = 10;

세미콜론은 필수적으로 사용하는 것은 아니지만 사용을 권장 하고 있습니다. 세미콜론의 유무에 따라 때로는 원하지 않게 해석될 여지가 있습니다.

주석

다음과 같이 두가지 형태의 주석을 지원합니다.

// 한 줄 주석
/*
  여러 줄 주석(1)
*/
/*
 * 여러 줄 주석(2)
 */

식별자

변수/함수 이름 등을 말합니다. 이름을 짓는데에 몇가지 지켜야할 내용이 있습니다.

예약어 사용 금지
숫자로 시작 금지
밑줄(_) 과 달러($) 이외의 특수문자는 사용 금지
공백 포함 금지

이식성과 편집의 용이성을 이유료 알파벳과 숫자를 사용하는 것이 관례이고, 의미 있는 단어를 사용하는 것이 좋습니다. 하지만 유니코드 문자 집합에 속하는 문자와 숫자도 포함 시키기도 하여 수학기호를 사용하기도 합니다.

(쾌적한 개발을 위해 개발자간 합의에 의하여 코딩 스타일 을 합의하기도 합니다.)

예약어(ECMAScript 6)

미리 정해놓은 문자열로서 식별자로 사용할 수 없는 딘어 입니다.

break, export, super, case, extends, switch, catch, finally, this, class, for, throw
const, function, try, continue, if, typeof, debugger, import, var, default, in, void
 
delete, instanceof, while, do, new, with, else, return, yield, enum, null, true, false

엄격모드(strict mode)에서 사용할 수 없는 단어 입니다.

1	implements, package, public, interface, private, static, let, protected

변수, 매개변수, 함수로 쓸 수 없는 단어 입니다.

await

다음은 ECMAScript 1~3 까지의 예약어 입니다.

1
2
3

abtract, float, synchronized, boolean, goto, throws, byte, int, transient
char, long, volatile, double, native, final, short

다음 포스팅에서는 자료형(Type)에 대해서 알아보도록 하겠습니다.

<검색, 책등을 참고하였습니다. 혹시 내용중 틀린 점이 있거나 불법적인 내용이 있으면 지적해주시면 수정하겠습니다.>