생활코딩

Coding Everybody

코스 전체목록

닫기

웹브라우저 자바스크립트

| 공개

수업소개

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

수업의 특징

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

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

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

강의수준

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

선행학습

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

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

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

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

학습의 효용

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

학습방법

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

댓글

댓글 본문
작성자
비밀번호
  1. 지니
    학습방법에 오타가 있습니다.
    맨 마지막 단락에서 "학습량의 체크" -> "학습량을 체크"가 되어야 될거 같네요^^
  2. 하니앨
    감사합니다. 내용에도 있었네요ㅠㅠ 정말 감사해요~
    대화보기
    • 임혜원
      언어부분부터 먼저 들으시는게 좋을 것 같습니다~
      대화보기
      • 늦깎이
        잘 들었습니다. 다음은 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 자세히 보기