생활코딩

5.0 (총 70개 강좌, 67명 평가)

본 계정은 생활코딩 (http://opentutorials.com)의 사이트에 올라와있는 코딩 관련된 교육 영상들을 원저작자의 허가를 받고 대신하여 올리는 계정입니다. 관리책임은 에듀캐스트가 지고 있으며 본 계정을 통해 일어난 게시물 작성, 메세지 등을 포함한 모든 행위는 생활코딩과 그 멤버들과 무관함을 알려드립니다.

원저작자가 쪽지 및 질문/답변을 하지 않는 점 참고하시기 바랍니다.

펼쳐보기
언제 어디서나 수강할 수 있습니다.
PC, 모바일, 태블릿으로 언제 어디서나 수강이 가능합니다.
PC, 모바일, 태블릿으로 언제 어디서나 수강 가능
강좌 소개

1. 대상

이 강좌는 어떤 사람들을 대상으로 하나요?

  • 웹 개발에 관심이 있는 사람



2. 목표

이 강좌를 들으면 어떤 것을 할 수 있게 되나요? 혹은 무엇을 얻게 되나요?

  • 구글에서 만든 웹브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공됩니다. 이를 개발자 도구라고 합니다. 개발자 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화 할 수 있습니다. 



3. 준비해야 하는 것

수강생들이 강좌를 듣기 전에 미리 준비해야 할 것이 있을까요?

  • HTML 개발과 관련해서는 아래의 토픽들이 특히 도움이 될 것입니다. 
  • Elements : HTML 코드를 분석하고, 실시간으로 수정할 수 있는 도구
  • Resources : 현재 로딩된 웹페이지에서 사용된 리소스(이미지, 스크립트, 데이터)를 열람 할 수 있는 도구
  • Network : 서버와의 통신 내역을 보여주는 도구로, 존재하지 않는 리소스를 찾는데 도움이 됩니다. 
  • Audits : 웹 에플리케이션의 성능을 향상시킬 수 있는 방법들을 컨설팅해주는 도구



4. 특징

이 강좌의 특징은 어떤 것이 있을까요?

  • 세팅 과정부터 단게별로 아주 자세히 설명하고 있습니다.
  • 비전공자들도 이해할 수 있도록 쉽게 설명하고 있습니다.
  • 유명 강사 생활코딩님의 강좌입니다.


공개 및 수정일
2019년 8월 27일 공개
2020년 3월 9일 최종 수정
수강평
아직 작성된 수강평이 없습니다.
강좌에 대한 의견을 기다리는 중입니다.
커리큘럼
크롬 개발자 도구 1 - 개요
8:27
크롬 개발자 도구 2 - 엘리먼츠
9:21
크롬 개발자 도구 3 - 리소스
3:17
크롬 개발자 도구 4 - 네트워크
12:59
크롬 개발자 도구 5 - sources
15:05
크롬 개발자 도구 - 자바스크립트 디버깅
7:13
크롬 개발자 도구 7 - profiles
4:10
크롬 개발자 도구 8 - audits
3:39
크롬 개발자 도구 9 - console
8:41
크롬 개발자 도구 - 리모트 디버깅 (1/2)
1:13

크롬 개발자도구

무료
1시간 22분 분량
365일 동안 무제한 수강 가능
중급 레벨의 강좌