웹 개발 강의 · 하루글

웹 개발 강의 15편 - 저장하고 마무리

마지막 편입니다. 지금까지 만든 것은 새로 고치면 사라집니다. 오늘 그것을 고치고, 15강이 만든 것을 돌아보겠습니다.

지금은 다시 누르는 순간 앞의 줄을 잊어버립니다. 오늘은 전부 간직해서 목록으로 보여줍니다.

페이지가 대답은 하는데, 미리 정해둔 말만 합니다. 오늘부터는 다른 사람이 그 말을 정할 수 있게 됩니다.

버튼은 누를 때마다 같은 말을 합니다. 오늘은 세기 시작하는데, 그러려면 기억할 자리가 필요합니다.

10강에서 스크립트는 한 번 돌고 콘솔에 출력했습니다. 오늘은 여러분을 기다렸다가 페이지에 글을 씁니다.

HTML 과 CSS 로 아홉 편을 왔습니다. 그동안 페이지는 열리는 순간 이미 완성이었습니다.

지금 페이지는 컴퓨터 화면에서 제대로 보입니다. 오늘은 휴대폰에서도 제대로 보이게 만듭니다.

1강부터 지금까지 페이지의 모든 것이 위아래로 쌓여 왔습니다. 문단도, 제목도, 목록도 전부 한 줄을 통째로 차지했습니다.

6강까지 CSS 규칙 여섯 개를 썼습니다. 오늘은 그 규칙들이 바꾸고 있던 모양 자체를 들여다봅니다.

5강에서 쓴 규칙은 하나였고, `body` 에 적용되어 전체로 흘러내렸습니다.

4강까지는 의미만 다뤘습니다. 페이지에 무엇이 있고 그것이 무슨 뜻인지를 정했습니다.

3강까지 오면서 페이지에 사진과 링크, 목록이 들어갔습니다. 보기에는 꽤 채워졌는데, 브라우저 입장에서 보면 아직 그냥 글 덩어리의 나열입니다.

이번에는 속성(Attribute)을 다루어보겠습니다. 지금까지 만든 페이지에는 제목과 문단, 목록 두 개가 들어가 있습니다. 오늘은 눌러서 갈 수 있는 링크와, 눈으로 볼 사진을 추가합니다.

이번 시간에 다룰 내용은 태그(Tag)입니다. 지난 시간에 만든 페이지에는 제목 하나와 글 두 줄이 들어가 있었습니다. 오늘은 여기에 구역을 만들어서, 읽는 사람이 훑어볼 수 있는 페이지로 바꿔보겠습니다.

오늘부터 웹 개발 강의를 시작하겠습니다. 기본적으로 웹은 설치할 것이 거의 없다는 점에서, 프로그래밍을 처음 접하시는 분들께 권해드리기 좋은 분야입니다. 브라우저와 편집기만 있으면 바로 첫 결과물을 보실 수 있습니다.