5.2.1 화면 만들기

프로그램은 크게 두 가지로 나눌 수 있다고 했습니다. 화면이 있는 프로그램과 화면이 없는 프로그램으로요. 게임과 같은 유형의 프로그램은 대부분 화면이 있는 프로그램입니다. 사실 화면을 그리는 것도 프로그래밍의 일부이므로 순서도에 포함되어야 합니다.

웹 브라우저에서 돌아가는 프로그램은 HTML, CSS, 자바스크립트라는 언어를 사용합니다. HTML은 화면 요소를, CSS는 요소의 디자인을, 자바스크립트는 프로그램의 동작을 담당합니다. 물론 자바스크립트만으로 화면 요소를 배치하고 디자인할 수 있긴 합니다. 4.4.3 새로운 태그 만들기에서 배운 대로 새로운 태그를 만들어서 화면에 추가하면 됩니다. 하지만 이런 경우 화면을 그리는 것까지 순서도에 추가해야 합니다. 잊지 마세요. 자바스크립트로 프로그래밍하는 모든 것을 순서도에 넣어야 합니다. 따라서 화면 요소는 HTML로 배치하고 디자인은 CSS로 합니다. 그러면 자바스크립트는 부담을 덜고 프로그램의 동작만 담당할 수 있습니다.