생활코딩

Coding Everybody

코스 전체목록

닫기

JavaScript

본 수업은 오래된 수업입니다. 최신 수업으로 공부하실 것을 권해드립니다. 바로가기 : https://opentutorials.org/course/3085

자바스크립트란?

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. 고원규
    2023.02.19 gg
  2. 헤밍웨이
    220824 생활코딩의 시작! 자바스크립트
  3. 끼비
    START
  4. 임앤강
    2022-02-01 시작하겠습니다.
  5. 마스터하자
    20211208 시작합니다
  6. labis98
    20210815 시작합니다.~~~!!!
  7. 미나어라인
    대화보기
    • seom
      좋은 강의 언제나 감사드립니다.
      이 페이지에서 잦바스크립트를 배우는데 필요한 선행지식 부분에 HTML, CSS 링크 클릭하면 404에러가 발생해요.
    • Jae Hwan Suh
      20.07.31
    • dubuck
      시작
    • 강지훈
      하루만에 완료!
    • 이슬
      20/03/31 시작
    • 이민호
      2020년 3월8일 시작!
    • 문병민
      12월 18일 시작!
    • 11/16(토) 시작! 감사합니다!!!
    • 링재
      11/9 (토) 시작합니다 존버 화이팅
    • zzzz
      zzz
      대화보기
      • 허공
        감사합니다!
      • 류석현
        다시 보네요
      • jhg097@naver.com
        굿
      • 나무
        ^^
      • kunoichi
        개발 15년차 현역 개발자입니다.
        단말 개발만 주구장창 하다가, 이제 웹 개발자로 전향 중에 있습니다.
        이곳 사이트가 너무 너무 맘에 들고 강좌도 알차서 정말 기대됩니다.
        아울러 이런 좋은 컨텐츠 공유하여주셔서 정말 감사합니다.
      • 선선하니
        오늘부터 시작합니다!!!
      • 쪼꼬뿌니
        이렇게 정리를 잘 해주시고~~ 감사합니다^^
      • 달코야
        기초부터 차근히 다지려고 합니다. 오늘부터 시작합니다!
      • 김군
        시작
      • console.log
        출산으로 약 1년간 휴직했었는데
        새로운 마음으로 기초부터 다지려고 합니당 :)
      • 착해진쿵쾅이
        시작한다!!!
      • aksk0127
      • OHOHAOHO
        이공잉 선생님!
        마지막줄
        jQuery : 자바스크립트의 생산상을 극적으로 향상시켜주는 기술입니다. 하지만, 자바스크립트를 알고 있어야 합니다
        여기에서 생산상이라고 적으셨어요~ㅎㅎ 생산성 아닌지요?ㅎㅎ

        오타 수정 있음 알려달라고 다른 창에서 봐서 올립니다ㅎㅎㅎ
      • 푸른하늘
        12일차 공부 감사합니다
      • 수복
        시작입니다.
      • Seohee Kim
        시작해보겠습니다!
      • jaeuk.jang@gmail.com
        큰 그림을 볼수 있는 지침이군요. 사실 제가 딱 그거 였는데 ...
        다시 시작합니다. 자바스크립트
      • JIHO
        시작합니다~!!
      • 시작합니다~
      • 붕어빵
        새로운 마음으로 다시 Js공부 시작
      • Dong Il Kim
        자.... 이것도 시작
      • 은하수
        17년 8월 10일 자바스크립트 도전~~~~~화이팅~~!
      • Seo Yun Seok Tudoistube
        자바스크립트 도전을 시작합니다^_____^!!!
      • 임찬수
        와우 드디어 자바스크립트!
      • 현종
        시작!
      • Eunryeong Cha
        시작!
      • mmdreamer
        다시시작합니다!
      • 신유리
        시작!
      • funlife
        넵 잘 알겠습니다.
      • 광뀨
        시작합니다 ㅎ
      • 연료
        화이팅!
      • 저도 오늘부터 1일 ~!!
        화이팅~
      • 으노
        2016.12.29일 자바스크립트 수강 시작
      graphittie 자세히 보기