brunch

브런치북 이야기로 다가가는 HTML 11화

라이킷 119 댓글 2

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 고코더 Mar 04. 2021

기술을 심어 움직이게 하다. "<script> 태그"

멈춰 있음을, 움직이게 하다.

전기 자전거

모터를 만나면 날아다니는 바퀴

모터는 전기를 이용하여 회전운동을 만들어 내는 기계의 한 종류를 말합니다. 단어의 의미도 라틴어 "moto(움직이다)"라는 의미에서 파생되었습니다. 모터쇼"라고 하면 자동차 전시회를 가리키는 것처럼 현대에서는 이 단어를 좀 더 폭넓게 사용 중입니다. 전기로 회전하는 모터뿐만 아닌 가솔린, 디젤로 움직이는 엔진 또한 넓은 의미로 모터에 포함됩니다. 이 기계는 커다랗고 무거운 고철 덩어리를 가치 있게 바꿔 줍니다. 만약에 자동차를 만들고 엔진을 심지 않는다면 그저 좁은 공간에 의자가 있는 좁은 실내를 가진 고철 덩어리일 뿐이지만, 4륜 구동 엔진을 장착한 차는 빠른 속도로 달릴 수 있는 이동 수단이 됩니다.

친구의 일반 자전거를 '전기 자전거'로 변환시켜는 작업을 기억이 있습니다. 의외로 과정은 생각보다 단순했습니다. 왜냐하면 직구로 '전기자전거 개조 키트'를 구매했기 때문입니다. 50만 원짜리 이 제품 안에는 크게 4가지의 부품이 동봉되어 있습니다. '전용 바퀴', '파워 팩', '컨버터', '센서' 그리고 그리고 모든 과정을 글과 그림으로 설명한 상세한 매뉴얼이 있습니다. 혼자서 이 모든 것을 해야 했다면 시작도 못했을 거 같지만 전문가가 만들어 놓은 키트(kit) 덕분에 원하는 것을 좀 더 쉽게 개발을 할 수 있게 되었습니다.

HTML만 사용한 웹사이트는 멈춰있습니다. 움직이지 않습니다. 하지만 여기서 스크립트를 심어주면 HTML도 움직이고 달릴 수 있게 됩니다. 이번 시간에는 스크립트를 만드는 방법은 배우지 않습니다. HTML에서 스크립트 태그가 선언된다는 사실만을 다룹니다. 해당 책은 시리즈로 구성됩니다. 때문에 자바스크립트 편에서 더 자세히 다룰 것입니다. 위 예시를 기억하시면서 개발 키트를 구매해서 장착하는 장면을 떠올리시면서 읽어보시면 됩니다.

....