#1 자바스크립트 기본 (Hello World!)

#1 JavaScript 기초

자바스크립트 공부를 하기 시작했다.

학교에서 JSP & Servlet을 배우기 시작했는데 아무래도 프론트엔드 부분을 알고서 백엔드를 배우는 게

수업 내용을 이해하기에도 직접 실습하기에도 더 효과적일 것 같아서 자바스크립트를 공부하기 시작했다.

(HTML5 + CSS3 는 어느정도 홈페이지 레이어정도는 만들 수 있을 정도로 독학했다.)

먼저 자바스크립트는 Visual Studio 에디터툴로 짤 수도 있지만 Google Chrome 브라우저에서도 짤 수 있다.

Chrome 열기 ->(윈도우) Ctrl + Shift + I, (Mac) Command + Option + I  단축키를 이용해 개발자 도구를 열 수 있다.

(아니면 크롬의 사이드 메뉴에서 도구 더보기 -> 개발자 도구)

그럼 프로그래밍 언어를 처음 배울 때 안하면 섭섭한 Hello World!를 출력해보자.

여기서 console.log( ... ); 는 (...)괄호 안의 내용을 콘솔 화면에 표시하라는 뜻이다.

여기서는 "Hello World!"라는 문자열을 표시하라는 의미이다. 저 상태에서 Enter키를 누르면 콘솔화면에 출력된다.

문자열은 큰따옴표(") 또는 작은따옴표(')로 문자열을 묶는다.

또는 후에 자세히 다룰 템플릿 리터럴이라는 문자열 표현 구문도 있다.

이는 역따옴표(`) (키보드에서 1키의 왼쪽에 있음) 로 묶어 사용하는데 간단히 살펴보면 이렇다.

특이한 점은 일반적인 문자열에서 줄바꿈을 표현할 때 \n 와 같이 이스케이프 시퀀스를 사용했지만

템플릿 리터럴에서는 줄바꿈 문자를 그냥 써도 알아서 줄바꿈이 표현된다는 점이다.

(물론 템플릿 리터럴에서도 \n 로 해도 줄바꿈이 가능하다.)

다음 자바스크립트 포스팅은 변수와 함수들에 대하여 기초적인 내용을 다루겠다.