Page 7 -
P. 7
이 책의 특징
1 코딩을 아주 쉽게 설명합니다.
영어와 부호로 이루어진 코드
가 어려울 수 있습니다. 따라서
코딩을 예시와 그림으로 쉽게
설명합니다.
➏
➊ ➋
코딩 초보자의 입장에서는 별도
➌ ➍
의 프로그램을 설치하는 것도 ➎
번거로울 수 있습니다. 따라서
처음부터 이 화면을 다 외우지 않아도 됩니다. 그래도 UIUser Interface가 다섯 구
웹사이트에서 코딩을 할 수 있 역으로 되어 있어서 바로 익숙해질 거에요. 각 창은 마우스로 크기 조절이 가능합
는 방법 위주로 설명합니다. 니다. 각 구역을 설명하면 다음과 같습니다.
❶ HTML: 기본적인 태그를 작성할 수 있는 곳이에요.
❷ CSS: 태그를 예쁘게 꾸며 주는 CSS를 작성하는 곳이에요.
❸ JavaScript: 자바스크립트와 같은 프로그래밍 언어로 실행 코드를 작성하는 곳입니다. 우
측의 ▼를 누르면 다른 언어로도 작성이 가능합니다만, 우리는 자바스크립트만 사용하겠
습니다.
❹ Result: HTML과 CSS의 태그 결과물을 화면에 보여 줍니다.
❺ Console: 콘솔 창입니다. JavaScript의 실행 코드 결과물을 보여 줍니다. 자바스크립트
에서는 console.log를 사용하여 콘솔로 값을 볼 수 있습니다.
27
9