본 수업은 폐지 예정입니다. 자바스크립트 언어 수업과 웹브라우저 자바스크립트로 수업이 리뉴얼 되었기 때문에 이것을 이용해주세요.
개발도구란?
개발도구란? 개발을 하는데 필요한 도구와 개발된 결과를 실행할 환경을 의미한다. HTML 수업에서 개발도구란 웹페이지의 소스를 만드는 에디터와 웹페이지를 실행할 웹브라우저와 같은 일련의 도구를 의미한다.
개발도구
웹브라우저
- 구글 크롬을 사용
- 구글 크롬 사용
인스팩터 (inspector)
- 웹페이지의 코드를 분석하고, 조작할 수 있는 도구
- 구글 개발자 도구 (Elements) 사용
자바스크립트 디버거 (debugger)
- 자바스크립트를 한줄 한줄 실행하면서 코드를 분석하고, 문제를 발견 할 수 있도록 도와주는 도구
- 구글 개발자 도구 (sources) 사용
네트워크 감시
- 클라이언트와 서버가 주고 받는 데이터를 열람하고 분석하는 도구
- 구글 개발자 도구 (Network) 사용
에디터 (editor)
- 소스코드를 작성하는데 필요한 도구
- Aptana 사용, 생활코딩 개발 도구 중 Aptana 편 참고
예제 사용법
본 수업은 두가지 형태의 예제를 제공한다. 아래와 같다.
JSFIDDLE
라이브로 예제를 실행해 볼 수 있는 서비스다. 직접 코드를 변경 하면서 결과를 실시간으로 확인해볼 수 있다. 특별한 개발도구가 필요 없다는 것이 장점이다. 자세한 사용법은 생활코딩 수업을 참고하자.
github.com
소스코드를 저장할 수 있는 서비스로 본 수업의 모든 예제 파일이 저장되어 있다. html 수업의 저장소 페이지로 이동한 후에 ZIP 파일을 다운로드하면 전체 코드를 다운받을 수 있다. (저장소로 바로가기)
github.com에 대해서 더 자세히 알고 싶다면 아래의 수업들을 참고한다.
