#javascript
-
웹 개발 강의 15편 - 저장하고 마무리
마지막 편입니다. 지금까지 만든 것은 새로 고치면 사라집니다. 오늘 그것을 고치고, 15강이 만든 것을 돌아보겠습니다.
-
웹 개발 강의 14편 - 목록 만들기
지금은 다시 누르는 순간 앞의 줄을 잊어버립니다. 오늘은 전부 간직해서 목록으로 보여줍니다.
-
웹 개발 강의 13편 - 입력 칸 읽기
페이지가 대답은 하는데, 미리 정해둔 말만 합니다. 오늘부터는 다른 사람이 그 말을 정할 수 있게 됩니다.
-
웹 개발 강의 12편 - 값을 담아 두기
버튼은 누를 때마다 같은 말을 합니다. 오늘은 세기 시작하는데, 그러려면 기억할 자리가 필요합니다.
-
웹 개발 강의 11편 - 버튼과 사건
10강에서 스크립트는 한 번 돌고 콘솔에 출력했습니다. 오늘은 여러분을 기다렸다가 페이지에 글을 씁니다.
-
웹 개발 강의 10편 - 세 번째 언어
HTML 과 CSS 로 아홉 편을 왔습니다. 그동안 페이지는 열리는 순간 이미 완성이었습니다.
-
웹 개발 강의 9편 - 화면 크기에 맞추기
지금 페이지는 컴퓨터 화면에서 제대로 보입니다. 오늘은 휴대폰에서도 제대로 보이게 만듭니다.
-
웹 개발 강의 8편 - 가로로 세우기
1강부터 지금까지 페이지의 모든 것이 위아래로 쌓여 왔습니다. 문단도, 제목도, 목록도 전부 한 줄을 통째로 차지했습니다.
-
웹 개발 강의 7편 - 박스 모델
6강까지 CSS 규칙 여섯 개를 썼습니다. 오늘은 그 규칙들이 바꾸고 있던 모양 자체를 들여다봅니다.
-
웹 개발 강의 6편 - 선택자
5강에서 쓴 규칙은 하나였고, `body` 에 적용되어 전체로 흘러내렸습니다.
-
웹 개발 강의 5편 - CSS 붙이기
4강까지는 의미만 다뤘습니다. 페이지에 무엇이 있고 그것이 무슨 뜻인지를 정했습니다.
-
웹 개발 강의 4편 - 페이지에 뼈대 넣기
3강까지 오면서 페이지에 사진과 링크, 목록이 들어갔습니다. 보기에는 꽤 채워졌는데, 브라우저 입장에서 보면 아직 그냥 글 덩어리의 나열입니다.
-
웹 개발 강의 3편 - 링크와 이미지, 그리고 속성
이번에는 속성(Attribute)을 다루어보겠습니다. 지금까지 만든 페이지에는 제목과 문단, 목록 두 개가 들어가 있습니다. 오늘은 눌러서 갈 수 있는 링크와, 눈으로 볼 사진을 추가합니다.
-
웹 개발 강의 2편 - 의미를 담는 태그들
이번 시간에 다룰 내용은 태그(Tag)입니다. 지난 시간에 만든 페이지에는 제목 하나와 글 두 줄이 들어가 있었습니다. 오늘은 여기에 구역을 만들어서, 읽는 사람이 훑어볼 수 있는 페이지로 바꿔보겠습니다.
-
웹 개발 강의 1편 - 첫 번째 웹 페이지 만들기
오늘부터 웹 개발 강의를 시작하겠습니다. 기본적으로 웹은 설치할 것이 거의 없다는 점에서, 프로그래밍을 처음 접하시는 분들께 권해드리기 좋은 분야입니다. 브라우저와 편집기만 있으면 바로 첫 결과물을 보실 수 있습니다.
-
자바스크립트 강의 3편 - 화면 조작하기
드디어 실제 웹 페이지를 움직여볼 차례입니다. 지난 두 번의 시간에는 콘솔(Console) 창에서만 작업했지만, 이번에는 버튼을 눌렀을 때 화면이 바뀌는 프로그램을 만들어보도록 하겠습니다.
-
자바스크립트 강의 2편 - 함수와 배열
이번 시간에는 함수(Function)와 배열(Array)을 살펴보겠습니다. 실제 서비스를 개발할 때 가장 많이 사용하게 되는 문법들이라는 점에서 확실하게 익혀두시면 좋습니다.
-
자바스크립트 강의 1편 - 브라우저에서 바로 시작하기
오늘부터는 자바스크립트(JavaScript) 강의를 시작하겠습니다. 기본적으로 자바스크립트는 별도의 설치 과정이 필요하지 않다는 점에서 매우 빠르게 시작하실 수 있습니다. 브라우저 자체가 이미 실행 환경을 가지고 있기 때문입니다.