생활코딩

Coding Everybody

코스 전체목록

닫기

JavaScript

자바스크립트란?

HTML과 CSS는 정적인 언어입니다. 정적이라는 것은 이것들이 브라우저를 통해서 웹페이지를 화면에 그려주면 이 화면을 변경할 수 있는 방법이 없다는 의미입니다. (잘 이해가 안되죠? 걱정 마세요. 수업 들으면 곧 알게 됩니다.) 

Javascript는 HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어입니다. 경고창을 띄우고, 탭인터페이스를 만들고, Drag & Drop 기능의 웹에플리케이션을 만들수 있는거죠. 

이 언어의 역사를 조금 이야기 해볼까요? 

자바스크립트는 좀 허술한 언어입니다. 기능도 많지 않고, 주류에서 좀 벗어난 객체지향 모델(모르셔도 됩니다)을 가지고 있기도 합니다. 그래서 한 때는 자바스크립트가 비웃음의 대상이었어요. 대놓고 말은 안했지만 개발자들은 자바스크립트 뒤에 '따위'를 붙였지요. 쉽기 때문이었어요. 쉽기 때문에 천대 받은거죠. 그러면서 잘하는 개발자는 또 없는 기묘한 상태가 계속됩니다. 필요한게 있으면 인터넷에 돌아다니는 소스를 Copy & Paste하는게 고작이었죠. 자바스크립트를 제대로 알려주는 곳도 없었고, 알려고도 하지 않았습니다. COP(Copy&Paste Oriented Programming)의 시대였습니다. 

그러다 구글이 지도 서비스를 내 놓자 모든게 변합니다. 구글은 자바스크립트와 HTML/CSS만으로도 플래쉬와 같은 효과를 구현할 수 있다는 것을 증명합니다.  거기에 ajax 열풍이 가세하면서 javascript의 중세는 끝이 납니다. 자바스크립트의 재조명과 스티브 잡스의 플래쉬 혐오, HTML5의 등장이 맞물리면서 플래쉬의 입지가 빠르게 줄어들고 있고, 그 빈자리를 빠르게 자바스크립트가 대체하고 있지요. 

지금은 자바스크립트가 브라우저에서만 사용되는 언어에서 벗어나서 서버에서도 사용되고(node.js) 데스크탑 에플리케이션(adobe air)에서도 사용됩니다.재미있는 사실은 자바스크립트의 경쟁상대인 플래쉬도 그 안에서는 자바스크립트를 사용하고 있다는거~ 

앞서서 말씀드린 것처럼 자바스크립트는 기능이 별로 없는 언어입니다. 그러면서도 프로그래밍의 앙꼬에 해당하는 요소들 이를테면, 변수, 반복, 조건, 함수 심지어 객체까지 모두 가지고 있는 본격적인 프로그래밍 언어입니다. 

단순하면서도
중요한 것들만 가지고 있고
그러면서 다양한 곳에서 사용되고 있는
세상에서 제일 많이 쓰이는 언어 

지금은 자바스크립트의 시대!!!

생활코딩은 앞으로 다양한 언어를 다룰 예정입니다. 과정마다 프로그래밍의 핵심적인 개념들을 반복하는 것이 아니라 이것들은 자바스크립트 수업으로 과감하게 위탁할 예정입니다. 대신에 그 언어와 기술에 집중할 수 있겠죠. 그러니 자바스크립트 열심히 공부하세요!

코스소개

수업

javascript에 대한 기본적인 내용을 전달합니다. 프로그래밍의 본질적인 요소인 조건문, 함수와 같은 것을 배우고, 자바스크립트만의 고유한 요소인 DOM에 대해서도 공부합니다. 자바스크립트가 HTML과 CSS를 어떻게 제어하는지 유의하면서 수강해주세요.

사전

자바스크립트 사전은 자바스크립트의 객체와 그 객체에서 제공하는 메소드(함수)에 대한 정보를 담고 있습니다. DOM에 대한 내용은 아직 반영하지 못하고 있습니다. 

jQuery

jQuery는 자바스크립트 라이브러리입니다. 라이브러리란 자주 사용하는 기능들을 모아두었다가 필요할 때 그냥 가져다 쓸 수 있도록한 것들의 묶음이라고 생각하시면 됩니다.

이런 분들에게 특히 도움이 됩니다. 

  • 웹프로그래머
  • 웹디자이너

자바스크립트를 배우는데 필요한 선행지식

  • HTML : 필수, 자바스크립트가 제어하는 대상이 HTML이기 때문에 HTML에 대한 기본적인 지식을 알고 계셔야 합니다.
  • CSS : 옵션, 개념만 이해해도 됩니다.

자바스크립트를 선행지식으로 하는 기술들

  • jQuery : 자바스크립트의 생산상을 극적으로 향상시켜주는 기술입니다. 하지만, 자바스크립트를 알고 있어야 합니다.

댓글

댓글 본문
작성자
비밀번호
  1. jaeuk.jang@gmail.com
    큰 그림을 볼수 있는 지침이군요. 사실 제가 딱 그거 였는데 ...
    다시 시작합니다. 자바스크립트
  2. JIHO
    시작합니다~!!
  3. 시작합니다~
  4. 붕어빵
    새로운 마음으로 다시 Js공부 시작
  5. Dong Il Kim
    자.... 이것도 시작
  6. 은하수
    17년 8월 10일 자바스크립트 도전~~~~~화이팅~~!
  7. Seo Yun Seok Tudoistube
    자바스크립트 도전을 시작합니다^_____^!!!
  8. 임찬수
    와우 드디어 자바스크립트!
  9. 현종
    시작!
  10. Eunryeong Cha
    시작!
  11. mmdreamer
    다시시작합니다!
  12. 신유리
    시작!
  13. funlife
    넵 잘 알겠습니다.
  14. 광뀨
    시작합니다 ㅎ
  15. 연료
    화이팅!
  16. 저도 오늘부터 1일 ~!!
    화이팅~
  17. 으노
    2016.12.29일 자바스크립트 수강 시작
  18. 하니앨
    언어 탭의 JavaScript와 클라이언트의 JavaScript 중 하나를 먼저 들으려고 한다면 뭐 부터 듣는게 좋은가요??
  19. 오타
    jQuery : 자바스크립트의 생산상을 극적으로 향상시켜주는 기술입니다. 하지만, 자바스크립트를 알고 있어야 합니다.

    생산상 -> 생산성
  20. 우루부루구루
    드디어 HTML과 CSS 수업을 마치고 자바스크립트 수업을 시작합니다.
    덕분에 HTML과 CSS에 대해서 개념을 잡을 수 있었는데 자바스크립트도 그리 되리라 생각합니다.
    많은 도움이 되었습니다. 감사합니다.
  21. yihsang
    많은 노력을 기울여 만들어주신 강의들...
    항상 감사드립니다.
  22. 이주석
    자바스크립트 정주행 시작! 이고잉님께 항상 감사합니다!
  23. Rhys Jung
    오늘부터 정주행 도전합니다. 감사합니다.
  24. zxzxzxz
  25. 후락
    진짜 엄청난 블로그 입니다.
  26. SK Kim
    JS 언어 하고 다시 시작합니다.
  27. 박첩구드
    시작!!
  28. SK Kim
    시작!
  29. 안광현
    코딩공부 시작 한달만에 드디어 자바스크립트에 입문하네요. 가장 배우고 싶고 마스터하고 싶은 부분입니다. 열공열공~!!!
  30. 코딩코딩코
    아예 문외한인 제가 코딩을 접하게 될 줄은 몰랐는데, 이렇게 기본기와 기본 개념부터 재밌고 쉽게 알려주시니 감사합니다~
  31. DavidHa
    이고잉님~~^^.. 여유가 되실 때, angularJS 강의도 부탁드립니다.
  32. egoing
    익혀야 할 문법이 많지 않다고 일단 생각해주시면 좋을 것 같습니다. 예를들면 영어는 경어가 없죠.
    대화보기
    • 대인배새우
      안녕하세요.
      자바 스크립트를 배우려고 하는 학생입니다
      자바스크립트의 기능이 많지 않다는 것은 무슨 뜻인가요?
      궁금하여 여쭤봅니다:D
    • 자바스크립의 기초부터 알고 싶었던 저에게 도움이 많이 되는 강의였습니다.
      정말 감사합니다.
    • 나이스에요
      기대됩니다! 두근두근
    • 윈짱천사
      감사합니다.. ㅎㅎㅎ
    • uuiz
      사랑합니다 이고잉님 ㅠㅠ
    • 생코러버
      생활코딩 사랑해요!!
    • 워니요
      열공하겠습니다!
    • k8805
      감사합니다!
    • egoing
      아래를 참고해주세요
      http://opentutorials.org....../49
      대화보기
      • ㅇㅅㄱ
        배우고싶은데 동영상 강의는 어떻게보나요 링크걸려잇지도않고 언어설명글만 달랑잇으니 답답하네요
      • 흠흠
        고맙습니다 :>
        대화보기
        • egoing
          유튜브의 동영상을 다운 받을 수 있는 방법이 있는 것으로 알고 있습니다. ^^
          대화보기
          • 흠흠
            혹시 수업 동영상을 다운받아 볼 순 없겠죠? 전화기에 저장해서 보고 싶어서요.. ㅎ 혹시 방법이 있을지 여쭙습니다.
          • voldn
            오타 발견하여 알려드리려구요.

            jQuery : 자바스크립트의 생산상(X) 생산성(O)

            수고하세요~!
          • 강구임돠
            열심히 공부할게여
          • meme
            글만 읽었을 뿐인데.. 희망이 보이네요 ^^
          • 정보만
            판서를 프로젝트로 볼 수 있다면 좋겠어요. 뒤에는 안 보여요
          • 격한눈팅
            필요했는데, 잘 보겠습니다.!!!!
          graphittie 자세히 보기