생활코딩

Coding Everybody

코스 전체목록

닫기

웹브라우저 자바스크립트

| 공개

수업소개

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

수업의 특징

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

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

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

강의수준

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

선행학습

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

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

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

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

학습의 효용

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

학습방법

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

댓글

댓글 본문
  1. 220905
  2. Light
    220904 자바스크립트를 지금보다 더 확실하게 알기위해, 개념정리를 하는 느낌으로 보기 시작

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

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

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

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

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

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

      강의록 공유합니다 :)
      https://goo.gl/Qdqz4o
    • 들꽃향기
      알찬 강의 늘 감사합니다^^
      복 받으실 거에요..
      스타트 합니다~~
    • Kean Bae Lee
      시작 합니다...... 열공 열공.... 아잣....
    • 바실로마첸코
      시작
    • 박인호
      17-12-23
      시작합니다.
      공부는 신속하게, 실습은 빠르게!
    • dltmdwns613
      감사합니다! 오늘부터 자바스크립트를 시작하려 하는데 도움이 너무많이 되네요!!
    • nevergiveup
      고맙습니다. 이고잉님!
    • nevertoolate
      드뎌 자바스크립트 시작입니다.
      사실 많이 망설여 지네요. 계속 공부해야 할지... 나이도 있고...
      내가 젊은이들과 경쟁을 할 수 있을지... 음~~~
      다만 시도해 봅니다. 요~~ 이~~~ 땅
    • mafu001@naver.com
      드디어 시작
    • Seo Yun Seok Tudoistube
      자바스크립트 수업을 여기부터 시작하면 안되나보네요. 일단 이고잉님이 알려주신 강좌로 돌아가서 듣고 오겠습니다.
      학습은 신속하고, 실습은 느리게... 실천해보고 싶습니다. 감사합니다^_____^!!!
    graphittie 자세히 보기