생활코딩

코스 전체목록

닫기

실습방법과 개발도구

본 수업은 폐지 예정입니다. 자바스크립트 언어 수업웹브라우저 자바스크립트로 수업이 리뉴얼 되었기 때문에 이것을 이용해주세요.

개발도구란?

개발도구란? 개발을 하는데 필요한 도구와 개발된 결과를 실행할 환경을 의미한다. HTML 수업에서 개발도구란 웹페이지의 소스를 만드는 에디터와 웹페이지를 실행할 웹브라우저와 같은 일련의 도구를 의미한다.

개발도구

웹브라우저

인스팩터 (inspector)

자바스크립트 디버거 (debugger)

네트워크 감시

에디터 (editor)

예제 사용법

본 수업은 두가지 형태의 예제를 제공한다. 아래와 같다.

JSFIDDLE

라이브로 예제를 실행해 볼 수 있는 서비스다. 직접 코드를 변경 하면서 결과를 실시간으로 확인해볼 수 있다. 특별한 개발도구가 필요 없다는 것이 장점이다. 자세한 사용법은 생활코딩 수업을 참고하자.

github.com

소스코드를 저장할 수 있는 서비스로 본 수업의 모든 예제 파일이 저장되어 있다. html 수업의 저장소 페이지로 이동한 후에 ZIP 파일을 다운로드하면 전체 코드를 다운받을 수 있다. (저장소로 바로가기)

github.com에 대해서 더 자세히 알고 싶다면 아래의 수업들을 참고한다.

댓글

댓글 본문
  1. 주짓떼로퍼
    좋은 강의 감사합니다!
  2. ansihome
    잘봤습니다. 감사해요.
  3. Daniel
    고맙습니다
  4. 로롱
    강의가 귀에 쏙쏙 들어와요. 업로드 감사합니다.
  5. 쯀리
    너무 고맙고 강의를 정말 잘 하시네요.
    계속 한번 해보겠습니다.
  6. 미켈란젤로
    고맙습니다^^
  7. 아리수
    감사합니다.
  8. 이윤구
    항상감사합ㄴ디ㅏ.
  9. 구글에빨간점찍는남자
    감사합니다.
  10. lutender
    감사합니다.
  11. Lee, Junghoon
    IT 경력 10년만에 처음으로 저도 코딩이라는 것을 해 보네요. 감사합니다.
  12. 선후
    감사합니다.~!! 코딩을 차근차근 설명해주셔서 잘 배우고 있습니다.~!!!
  13. 박세현
    감사합니다^.^
  14. 모노마토
    오류가 없는 실습은 재미 없지요!
  15. Emilie Shin Binns
    이런 좋은 수업을 다 정리해주시다니...... 감사해요~ ^^
  16. greente
    자바스크립트 열심히 하고 있습니다.. ^^
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기