자바스크립트 (4) 썸네일형 리스트형 [모던 JavaScript 튜토리얼] 2.2 코드 구조 모던 JavaScript 튜토리얼을 읽고 정리하였습니다. 이 파트에서 배우는 것은 코드 블록을 만드는 방법이다. 문(statement) 문은 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미한다. 서로 다른 문은 세미콜론으로 구분한다. alert('Hello'); alert('World'); 세미콜론 줄바꿈이 있다면 세미콜론을 생략할 수도 있다. alert('Hello') alert('World') 자바스크립트는 줄 바꿈이 있으면 이를 암시적 세미콜론으로 해석한다. 이런 동작 방식을 세미콜론 자동 삽입(automatic semicolon insertion)이라 부른다. 그런데 아래와 같이 줄바꿈이 세미콜론을 의미하지 않는 경우도 있는데, 이때에는 자동 삽입이.. [모던 JavaScript 튜토리얼] 2.1 Hello, world! 모던 JavaScript 튜토리얼을 읽고 정리하였습니다. Hello, world! 이 파트는 실행 환경에 독립적인 코어 자바스크립트(core JavaScript)를 다룬다. 코어 자바스크립트를 다루고 있으나, 학습을 위해서는 스크립트를 실행할 수 있는 환경이 필요하다. 이 튜토리얼은 실행환경으로 브라우저를 사용할 것이다. 웹 페이지에 스크립트를 삽입하는 방법에 대해 알아보자. Node.js와 같은 서버 사이드 환경에서 스크립트를 실행하고자 한다면 'node my.js'와 같은 명령어를 사용하면 된다. script 태그 스크립트 후 예전에는 위와 같이 혹은 다음과 같이 url을 속성값을 사용할 수도 있다. 복수의 스크립트를 삽입하고 싶다면 스크립트 태그를 여러개 사용하면 된다. 스크립트가 길어지면 별개의 .. 러닝 자바스크립트 3장 : 리터럴 변수, 상수, 데이터 타입 3장은 데이터에 관한 장이며, 데이터를 자바 스크립트가 이해할 수 있는 형식으로 바꾸는 법을 배운다. 인간에게 익숙한 형태인 숫자와 텍스트, 날짜 등을 다루기 위해 자바 스크립트에서 제공하는 문법을 데이터 타입이라고 한다. 자바스크립트가 데이터를 보관하는 메커니즘이 되는 변수와 상수, 리터럴에 대해 알아본 후, 데이터 타입을 본격적으로 다루어보자. 3.1 변수와 상수 변수란 간단히 말해 이름이 붙은 값으로, 값은 언제든 바뀔 수 있다. 아래 두 문장은 변수 currentTempC를 선언하는 동시에 초깃값을 할당한다. ES6에서 let이라는 키워드가 새로 생겼고, 이것은 변수 선언에 사용된다. 변수 선언은 각 변수당 한번만 가능하다. currentTempC = 22; let currentTempC = 22.. 러닝 자바스크립트 1장 : 첫번째 애플리케이션 1.1 시작은 브라우저에서 이 책은 전통적이고, 현실적이기도 한 이유로 브라우저 기반 프로그램부터 만들어 볼 것이다. 또한 브라우저 기반 프로그램부터 만드는 이유는 또 하나가 있는데, 그래픽 라이브러리를 사용하기 편리하다는 점 때문이다. 프로그래밍 개념과 시각적 요소를 결합하여 훨씬 이해하기 쉽도록 하기 위해서이다. 이 예제를 선택한 배경에는 이벤트 주도 프로그래밍 같은 중요한 개념으로 자연스럽게 연결된다는 이유도 있다. 1.2 사용할 프로그램 프로그램을 만들기 위해 필요한 것은 브라우저와 텍스트 에디터 뿐이다. 필자는 프로그래밍에 사용하는 브라우저로 파이어폭스를 선택했고, 앞으로 이 책에서 브라우저를 설명할 때에는 파이어폭스를 기준으로 할 것이다. 코드를 작성하려면 텍스트 에디터가 필요하다. 텍스트 에.. 이전 1 다음