생활코딩

Coding Everybody

코스 전체목록

닫기

웹브라우저 자바스크립트

| 공개

수업소개

본 모듈은 웹브라우저를 자바스크립트로 제어하는 방법에 대한 수업입니다. 텍스트 수업과 동영상 수업이 함께 제공 됩니다. 텍스트는 요점을 전달하는데 초점을 맞추고 있고, 동영상은 텍스트의 내용을 최대한 소상하게 전달해드리기 위해서 노력했습니다. Youtube에서 연속 재생을 원하는 분은 재생목록을 이용하시면 됩니다. 

수업의 특징

순수한 자바스크립트 기술을 이용해서 웹브라우저를 제어하는 방법에 대한 수업만을 이곳에서 다루는 것이 간결한 방법입니다. 하지만 오늘날 순수한 자바스크립트를 이용해서 웹브라우저를 제어하는 방법은 잘 사용하지 않습니다. 더 적은 코드로 더 강력한 효과를 얻을 수 있는 수단을 제공하는 각종 라이브러리를 사용하기 때문입니다.

만약 순수 자바스크립트만으로 웹브라우저를 제어하는 수업을 만든다면 다소 현실성이 떨어질 것이고, 특정 라이브러리에 대한 수업으로만 강의를 구성한다면 라이브러리가 제공하는 기능에 갇히게 될 것입니다.

그래서 본 수업에서는 순수한 자바스크립트로 웹브라우저를 제어하는 방법에 대한 수업을 선행하고, 동시에 라이브러리를 이용하는 방법을 병행하고 있습니다. 이를 위해서 선택한 라이브러리는 현시점에서 가장 많이 사용되고 있는 jQuery입니다. 

강의수준

프로그래밍을 처음 시작하는 분들의 눈높이에 맞게 만들어진 강의입니다. 이미 프로그래밍에 익숙한 분의 입장에서는 설명이 조금 장황할 수 있습니다.

선행학습

HTML에 대한 기본적인 이해가 선행되어야 합니다. 이를 위해서 생활코딩의 HTML 수업을 추천 드립니다. 이 수업을 완주하실 것을 권합니다.

또한 본 수업에서는 자바스크립트 언어 자체에 대한 수업은 제공하지 않습니다. 따라서 자바스크립트에 대한 기본적인 소양을 갖추고 있어야 합니다. 생활코딩의 자바스크립트 언어 수업을 추천드립니다. 이 수업을 모두 완주할 필요는 없고 자바스크립트 기본 수업 카테고리의 토픽들은 꼭 이수하셔야 합니다. 

CSS는 개념만 알고 계시면 됩니다. 이를 위해서는 CSS 스타일링 수업 이전까지만 보셔도 됩니다. 

프로그래밍을 처음 시작하는 분이라면 프로그래밍을 통해서 실제 제품을 어떻게 만드는가에 대한 전체적인 모습을 보여드리기 위한 수업인 생활코딩의 웹서비스 만들기 수업을 완주하신 후에 본 수업을 먼저 보고 오시는 것이 이상적입니다.

학습의 효용

오늘날 가장 중요한 플랫폼인 웹브라우저를 프로그래밍적으로 제어하는 방법에 대한 수업입니다.  

학습방법

필자는 공부는 신속하게, 실습은 느리게 할 것을 권유 드립니다. 즉 처음부터 너무 실습 위주로 꼼꼼하게 수업을 따라가는 것보다는 실습은 눈으로 따라가면서 전체적인 개념들을 우선 빠르게 파악하실 것을 권합니다. 모든 수업을 하루에 끝낼 수 있다면 최상이겠지만 늦어도 2주일 안에 완주하실 것을 권합니다. 그리고 전체적인 숲을 알게 된 후에 다시 처음부터 돌아와서 실습을 하나씩 꼼꼼하게 따라 해보시면 어떨까 싶습니다. 또 공동공부에 참여하시면 학습량을 체크 할 수 있고 혼자서 공부하는 고립감을 완화시킬 수 있습니다. 공동공부 도움말로 바로가기

댓글

댓글 본문
  1. Image
    gigajb
    jquery 위주의 강의이면 지금 보기엔 애매하려나요 js 문법 수업을 차라리 쭉 듣고 webn쪽에서 필요한걸 찾아서 공부하는 방식이 맞을까요
  2. Image
    220905
  3. Image
    Light
    220904 자바스크립트를 지금보다 더 확실하게 알기위해, 개념정리를 하는 느낌으로 보기 시작

    javascript가 동작하는 환경
    - 웹브라우저
    - node.js
    - spread sheet 등
    각 환경에 따라 할 수 있는 일이 다르고 명령어가 다르다.
  4. Image
    헤밍웨이
    220824 자바스크립트~!
  5. Image
    진진리
    0811
  6. Image
    pmxsg
    2021.12.19 일독
  7. Image
    드림보이
    2021.12.14. 웹브라우저 자바스크립트 파트 수강완료
  8. Image
    마스터하자
    JavaScript 2021.12.08 완료
  9. Image
    choi
    완료
  10. Image
    labis98
    20210815 시작합니다~~^^
  11. Image
    감자먹는넘
    gogo
  12. Image
    gkalsdlf
    시작합니당
  13. Image
    jinsibari
    정말 감사합니다.
    0302 새로운 시작
  14. Image
    jun717
    20210204 복습 시작
  15. Image
    jun717
    20210202 시작
  16. Image
    뻥뻥이
    21/01/18 시작합니다!
  17. Image
    박병진
    시작합니다. 저는 웹프로그래밍을 배워서 저만의 세계를 만들고 사람들을 도와주고 싶습니다.
  18. Image
    버너스리
    2020/10/20 시작합니다
  19. Image
    마준
    8/24 시작
  20. Image
    anne
    완료
  21. Image
    ajou univ
    시작해봅니다
  22. Image
    미지의세계
    2020.07.20 시작합니다.
  23. Image
    kimmang940715
    2020.07.12 시작합니다~~
  24. Image
    한강
    새롭게 시작합니다~~^^!
    200623
  25. Image
    쿠카라차
    스타토
  26. Image
    Useok
    스타트
  27. Image
    이슬
    두번째 시작
  28. Image
    얼그레이
    시작!
  29. Image
    ㅎㅅㅁ
    다시시작 0114
  30. Image
    mangotrang
    감사합니다. 19.12.15
  31. Image
    mangotrang
    감사합니다. 19.12.15
  32. Image
    정대승
    "선행학습" 제목 다음

    'HTML 수업' 링크가 주소가 틀린게 아닌가 생각이 드네요.
    <http://opentutorials.org......>;에서
    "11"이 "1"로 가야 하는거 아닌가 하네요.

    -----------------------------------------

    "CSS 스타일링 수업"은
    <https://opentutorials.org......>;, <https://opentutorials.org......>;
    둘 중 하나일거고요.

    -------------------------------------------

    "생활코딩의 웹서비스 만들기 수업"은 주소가
    <https://opentutorials.org......>; 여기 같네요.
  33. Image
    리젤린
    비유가 하나하나 기가맥힘! 멋집니다!
  34. Image
    nieyh88
    들었습니다.감사합니다.
  35. Image
    웹서비스 만들기 수업은 사라졌네요...웹 애플리케이션 만들기를 보면 되겠죠?
  36. Image
    스페이스몽키
    감사합니다!
  37. Image
    옥슬이
    설명감사합니다
  38. Image
    레테
  39. Image
    egoing
    web1의 아래 수업부터 한번 들어보세요~
    https://opentutorials.org......890
    대화보기
    • Image
      야부키죠
      이고잉님 시간 나시면 답변 부탁드립니디
      제가 웹애플리케이션 만들기 html css javascript(정규표현식까지만) 강의를 들어서
      이제 웹사이트를 하나 만들어볼 생각인데요 웹사이트를 어떻게 만들어야 하고 웹호스팅은 어떻게 해야할지
      갈피가 안잡힙니다...웹사이트 만들려면 PHP도 배워야하나요?
    • Image
      감사합니다
      이제야 시작합니다. 정말 감사드립니다.
    • Image
      An TaeHyeon
      18-01-23 봤어요!

      강의록 공유합니다 :)
      https://goo.gl/Qdqz4o
    • Image
      들꽃향기
      알찬 강의 늘 감사합니다^^
      복 받으실 거에요..
      스타트 합니다~~
    • Image
      Kean Bae Lee
      시작 합니다...... 열공 열공.... 아잣....
    • Image
      바실로마첸코
      시작
    • Image
      박인호
      17-12-23
      시작합니다.
      공부는 신속하게, 실습은 빠르게!
    • Image
      dltmdwns613
      감사합니다! 오늘부터 자바스크립트를 시작하려 하는데 도움이 너무많이 되네요!!
    • Image
      nevergiveup
      고맙습니다. 이고잉님!
    • Image
      nevertoolate
      드뎌 자바스크립트 시작입니다.
      사실 많이 망설여 지네요. 계속 공부해야 할지... 나이도 있고...
      내가 젊은이들과 경쟁을 할 수 있을지... 음~~~
      다만 시도해 봅니다. 요~~ 이~~~ 땅
    • Image
      드디어 시작
    Image
    graphittie 자세히 보기
    Image Image
    '; return o2moivepop.document.write(htmlCode); }); });