HTML5 자습서 준비물

이 사이트의 내용을 실습하기 위해서는 다음과 같은 준비물이 필요합니다.

좋은 웹 브라우저 설치하기

효과적인 학습을 하려면 좋은 웹 브라우저를 사용하는 것이 좋습니다. 다음 브라우저 중 한 개를 다운로드 받고 설치하기를 권장합니다:

JS Bin 가입하기

JS Bin은 별도의 프로그램을 설치하지 않고 웹 브라우저만으로 HTML 코드를 작성하고, 다른 사람들과 공유할 수 있게 해주는 웹 사이트입니다.

이미 JS Bin에 가입을 했으면 http://jsbin.com/에 접속한 후 우측의 “Login or Register” 버튼을 클릭하고 “use your email address”를 클릭하여 로그인하세요.

JS Bin을 처음 사용한다면 다음 순서에 따라 가입할 수 있습니다:

  1. http://jsbin.com에 접속합니다
  2. 화면 우측의 “Login or Register”를 클릭합니다
  3. “use your email address”를 클릭합니다
  4. “New to JS Bin: Register”를 클릭합니다
  5. 아이디, 이메일, 비밀번호 입력 후 “Register” 버튼을 클릭합니다
  6. 이제 JS Bin 계정이 생성되었습니다.

화면 좌측의 “New bin” 버튼을 누르면 코드를 작성할 수 있는 새 Bin이 생성됩니다. 좌측 하단의 HTML 영역에 코드를 입력하면 우측 하단의 Output 영역에서 결과물을 실시간으로 확인하며 작업할 수 있습니다.

작업을 하다가 저장을 하고 싶으면 단축키 Ctrl+S(맥에서는 Command+S)를 누르거나 File 메뉴의 “Create milestone” 항목을 실행하세요.

github 홈페이지 만들기

JS Bin은 간단한 HTML을 만들어보기에 좋지만, 여러 파일로 구성된 제대로된 홈페이지를 만드는 용도로는 적합하지 않습니다. JS Bin에서 충분히 연습을 한 후에 실제 홈페이지를 만들어보려면 github을 이용할 수 있습니다.

자세한 내용은 Github 페이지 만들기를 참고하세요.

다음 단계

가이드

HTML

CSS

자바스크립트