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