Page 6 -

코드

name = "후랑크"; // name 변수에 "후랑크"라는 문자열을 기억
console.log(name + "님 반갑습니다."); // name 변수에서 값을 읽어 console.log() 명
령을 이용해 출력

+ 연산자를 이용해 "후랑크님 반갑습니다." 라는 문자열을 만드는 내용은 ‘Part 5 문자열(97쪽)’에서 다룹니다. 여기
서는 변수에 이름을 저장할 수 있다 정도로 이해하고 넘어가세요.

이해가 되나요? 변수는 프로그래밍을 할 때 자주 사용하는 요소이므로 몇 번만 연습해

도 금세 익숙해질 것입니다.
자바스크립트에서 변수를 활용하는 방법을 직접 실습하기에 앞서 크롬 개발자 도구로

변수를 선언하는 방법을 알아봅시다.

먼저 크롬 브라우저에서 개발자 도구를 띄웁니다(25쪽 참조). 개발자 도구 메뉴가 나타
나면 Customize and control DevTools( ) 버튼을 눌러 개발자 도구 창의 위치를 조정할

수 있습니다. 네 가지 옵션 중 쓰기 편한 위치로 정하면 됩니다.

더 알아보기 개발자 도구 창의 위치를 설정하는 네 가지 옵션

➊ Undock into separate window: 창을 분리합니다.
➋ Dock to left: 창을 왼쪽에 위치시킵니다.
➊ ➋ ➌ ➍
➌ Dock to bottom: 창을 아래쪽에 위치시킵니다.

➍ Dock to right: 창을 오른쪽에 위치시킵니다.

여기서는 Dock side를 Dock to bottom( )으로 설정하여 브라우저 아래쪽에 위치시켰습

니다. 창 크기 역시 경계를 움직여 조절할 수 있습니다.

Part 02 변수 33