생활코딩

Coding Everybody

코스 전체목록

닫기

웹브라우저 자바스크립트

| 공개

수업소개

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

수업의 특징

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

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

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

강의수준

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

선행학습

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

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

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

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

학습의 효용

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

학습방법

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

댓글

댓글 본문
작성자
비밀번호
  1. 신시내티
    2017년 9월 6일 시작!
  2. dltmdwns613
    감사합니다! 오늘부터 자바스크립트를 시작하려 하는데 도움이 너무많이 되네요!!
  3. nevergiveup
    고맙습니다. 이고잉님!
  4. nevertoolate
    드뎌 자바스크립트 시작입니다.
    사실 많이 망설여 지네요. 계속 공부해야 할지... 나이도 있고...
    내가 젊은이들과 경쟁을 할 수 있을지... 음~~~
    다만 시도해 봅니다. 요~~ 이~~~ 땅
  5. mafu001@naver.com
    드디어 시작
  6. Seo Yun Seok Tudoistube
    자바스크립트 수업을 여기부터 시작하면 안되나보네요. 일단 이고잉님이 알려주신 강좌로 돌아가서 듣고 오겠습니다.
    학습은 신속하고, 실습은 느리게... 실천해보고 싶습니다. 감사합니다^_____^!!!
  7. 고베베
    드디어 자바스크립트 언어 강의를 끝내고!!!
    웹브라우저 제어 JS강의 시작합니다!
    최대한 빠르게 독파!!!!!
  8. 전성욱
    다른일이 끼어들 확률이 점점 높아지기 때문에 이 설명 엄청 공감갑니다.. 제딴에는 하나도 빠지지않고 듣겠다고 강의내용 조목조목마다 실습으로 옮겨적었는데
    무슨 연유에서인지 삼천포로 빠지면서 전부 도중 하차해버리더라구요 이번만큼은 완주하길 빌면서 정주행 시작합니다
  9. egoing
    고쳤어요. 감사해요 ^^
    대화보기
    • 지니
      학습방법에 오타가 있습니다.
      맨 마지막 단락에서 "학습량의 체크" -> "학습량을 체크"가 되어야 될거 같네요^^
    • 하니앨
      감사합니다. 내용에도 있었네요ㅠㅠ 정말 감사해요~
      대화보기
      • 임혜원
        언어부분부터 먼저 들으시는게 좋을 것 같습니다~
        대화보기
        • 늦깎이
          잘 들었습니다. 다음은 PHP를 들을려고 합니다.
        • 박영광
          웹애플리케이션 만들기 -> html 한번 완주후 css를 제끼고 여기서부터 시작합니다.
        • 하니앨
          언어 탭의 JavaScript와 클라이언트의 JavaScript 중 하나를 먼저 들으려고 한다면 뭐 부터 듣는게 좋은가요??
        • supreme
          좋은페이지를 알게되어서 기쁘네요 감사합니다.
        • 기수니
          ajax를 배우고, mvc패턴을 공부 하고 있는데, 햇갈려서 , 여기서 부터 다시 보려 하네요 ㅠ.ㅠ
        • 처음부터 차근차근 배워보고자 다시 왔습니다^^
        • ㅎㅎ
          안녕하세요
        • yihsang
          자바스크립트 수업듣고 왔습니다.
          시작해 보려고 합니다. 감사합니다.
        • JustStudy
          2016.07.05 화
          고맙습니다 3.
        • JustStudy
          고맙습니다 2.
        • JustStudy
          고맙습니다.
          JavaScript를 열심히 학습하고 오겠습니다.
        • Lee Kyungjae
          4월 14일 자바 스크립트 공부 시작합니다 !!
        • 시작합니다
          잘보겠습니다
        • OneBook
          시작
        • 아하핫
          이고잉님 정말 감사합니다~! ^^ 웹디자인을 배우고 있는데 코딩이 너무 재밌어서 프론트앤드 개발로 취직하고싶은 사람입니다 ㅎㅎ 자바스크립트랑 제이쿼리를 학원에서 배우긴 하지만 부족하다 생각했는데 이런 좋은 사이트에서 질 좋은 교육을 받을 수 있어서 정말 감사할 뿐입니다~!! 자바스크립트 언어는 다들었고 이제 웹부분 들을껀데 정말 많이 기대가 됩니다 ㅎㅎ 이렇게 질 좋은 강의를 무료로 제공해주셔서 감사합니다!!
        • 주성완
          설 보내고 이제 자바스크립트 시작해보려고 합니다~ 시작~!
        • cajung
          도전
        • 이웃집토토로
          ctrl + +
          대화보기
          • 1월 20일 Javascript, 웹브라우저 자바스크립트 주행시작!
          • seungmin2376@naver.com
            나도 정주행 시작 !! 2016. 01. 20
          • Se-Young Ryu
            저는 한가지 테마가 끝나면 주요코드를 블로그에 포스팅하거나 정리하는 방법으로 학습을 하고 있습니다.
            http://yooooooo7se.tistory.com/
            생활코딩 감사합니다.
          • 새폴더
            강의 항상 감사드립니다.

            그런데 본문 텍스트의 명도를 높여줄 필요가 있겠습니다. 가독성이 낮은 것 같습니다.
            읽어야 하는 텍스트에는 낮은 명도, 작은 폰트는 피하시는 게 좋습니다.
            물론 모양은 좀 빠지겠지만 스터디 사이트임을 감안하면 고려해보시는 것도 괜찮을 것 같습니다.
          • happylight@naver.com
            정주행 시작하는날 10월 11일
          • 오늘
            나도정주행 오늘
          • 코딩!
            정주행 시작 9월 6일
          • 샤핀
            인터넷 익스플로러11 을 사용할 때는 생활 코딩 -> 서버 카테고리에 마우스 얹었을 때 나타나는 목록들이 유투브 동영상 뒤로 숨겨지네요.
            chrome에서는 목록이 가려지지 않고 잘 보이는데 말이죠 ( '-')
          graphittie 자세히 보기