[바로실습] 생활코딩 - 자바스크립트(Javascript) - 구름EDU

[바로실습] 생활코딩 - 자바스크립트(Javascript)

이고잉 님이 운영하시는 생활코딩의 명강의 - 자바스크립트 편입니다. 설치가 필요없는 실습 환경에서 바로바로 코드를 작성해보면서 빠르게 배워보세요!

과목 소개
난이도
보통
카테고리
프로그래밍 - 프로그래밍 기초
태그
생활코딩, JavaScript

생활 코딩의 자바스크립트 강의를 설치가 필요없는 실습 환경과 함께!


수업을 시작하기 전에

이 수업은 JavaScript라는 언어의 문법 수업입니다. 코딩이 처음인 분에게는 문법 중심으로 진행되는 수업이 지루하게 느껴질 수 있습니다. 그래서 생활코딩에서는 해결하고 싶은 문제를 중심으로 그 문제를 해결하는데 필요한 문법을 맥락적으로 챙겨드리는 수업을 준비했습니다. 이 수업을 먼저 보실 것을 권해드립니다. 

WEB2 JavaScript 수업 바로가기


수업소개

본 모듈은 자바스크립트 언어에 대한 기초 수업입니다. 텍스트 수업과 동영상 수업이 함께 제공 됩니다. 텍스트만으로도 완주 하실 수 있고, 동영상만으로도 완주 할 수 있도록 구성 되었습니다. 동시에 텍스트가 이해 안되면 동영상으로, 동영상이 이해 안되면 텍스트를 통해서 상호보완적으로 학습하실 수 있습니다. 모든 동영상을 연속적으로 시청하고 싶으시면 Youtube 자바스크립트 입문 수업 재생목록을 이용하시면 됩니다. http://www.youtube.com/playlist?list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU 본 수업은 생활코딩 페이스북 그룹을 통해서 연재 되었습니다. 


강의수준

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


선행학습

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


학습의 효용

자바스크립트는 웹브라우저 위에서 동작하는 언어입니다. 만약 여러분이 웹프로그래밍을 하려고 한다면 자바스크립트는 사실상 필수라고 할 수 있습니다. 최근에는 node.js라는 서버측 자바스크립트가 각광받고 있습니다. 또한 MongoDB와 같은 친 JavaScript 데이터베이스를 사용하면 클라이언트부터 서버 그리고 데이터베이스까지 모든 부분을 JavaScript 기반으로 구현할 수 있습니다. 또한 구글 Apps 스크립트등의 사례에서도 볼 수 있듯이 자바스크립트는 다양한 플랫폼을 프로그래밍적으로 제어하기 위한 도구로 폭넓게 채택되고 있습니다. JavaScript의 시대라고 할만합니다.


웹브라우저 JavaScript와의 차이점

생활코딩에는 JavaScript 수업이 하나 더 있습니다. (웹브라우저 자바스크립트 수업 참고) 이 수업과의 차이점은 웹브라우저 자바스크립트 수업이 자바스크립트를 이용해서 웹브라우저를 제어하는 방법에 대한 내용이라면 본 수업은 자바스크립트라는 언어 자체에 대한 수업입니다. 또 본 수업이 문법적인 부분에 대해서 보다 많은 내용을 다루게 됩니다. 


학습방법

자바스크립트의 모든 문법을 처음부터 배울 필요는 없습니다. 뒤로갈수록 어렵지만 어떤 특별한 상황에서 드물게 필요한 기능입니다. 앞에서 배우는 것일수록 쉽고, 보편적으로 사용되는 기능입니다. 만약 자바스크립트가 처음이라면 우리 수업에서 함수까지만 우선 공부하시고, 자바스크립트로 할 수 있는 일로서 웹브라우저 제어하기 수업이나 또는 서버 쪽 자바스크립트 수업을 보시면 좋을 것 같습니다. 

또 공동공부에 참여하시면 학습량의 체크 할 수 있고 혼자서 공부하는 고립감을 완화시킬 수 있습니다. 공동공부 도움말로 바로가기

더보기
교육 과정
모두 펼치기
  • 01
    언어소개
  • 오리엔테이션
    실행방법과 실습환경
  • 02
    자바스크립트
  • 자바스크립트 기본
  • 03
    숫자
  • 수의 표현
    수의 연산
  • 04
    문자
  • 문자의 표현
    문자의 연산
  • 05
    변수
  • 변수의 사용법
    변수의 효용
  • 06
    주석
  • 주석
  • 07
    줄바꿈과 여백
  • 줄바꿈과 여백
  • 08
    비교
  • 연산자란?
    == ===
    ===를 사용하자
    부정과 부등호
  • 09
    조건문
  • 조건문이란?
    else, else if
    조건문의 응용
    논리연산자
    Boolean의 대체재
  • 10
    반복문
  • 조건문이란
    반복조건
    for 문
    반복문의 효용
    제어(break, continue)
    중첩사용과 디버거
  • 11
    함수
  • 함수의 형식
    함수의 효용
    함수의 입력
    함수의 출력
    다양한 정의 방법
  • 12
    배열
  • 배열의 문법
    배열의 효용
    배열과 반복문의 조우
    원소의 추가
    원소의 제거와 정렬
  • 13
    객체
  • 객체의 문법
    for in loop
    객체 지향 프로그래밍
  • 14
    모듈
  • 모듈이란?
    모듈화
    Node.js의 모듈화
    라이브러리란?
    라이브러리의 사용
  • 15
    UI, API 그리고 문서
  • 수업소개
    문서보는법
  • 16
    정규표현식
  • 오리엔테이션
    패턴만들기
    RegExp 객체의 사용
    String과 정규 표현식
    옵션(i,g)
    사례 : 캡처
    사례 : 치환
  • 17
    함수지향
  • 함수지향
  • 18
    함수지향:유효범위
  • 전역변수와 지역변수
    유효범위의 효용
    전역변수를 사용하는법
    유효범위의 대상
    정적 유효범위
  • 19
    함수지향:값으로서의 함수와 콜백
  • 함수의 용도 1
    함수의 용도 2
    콜백이란?
    비동기 콜백과 Ajax
  • 20
    함수지향:클로저
  • 외부함수, 내부함수
    클로저란?
    Private variable
    클로저의 응용
  • 21
    함수지향:arguments
  • arguments 소개
    function.length
  • 22
    함수지향:함수의 호출
  • apply 소개
    apply의 사용
  • 23
    객체지향
  • 객체지향
  • 24
    객체지향:프로그래밍
  • 객체
    설계와 추상화
    부품화
  • 25
    객체지향:생성자와 new
  • 자바스크립트의 객체지향
    객체생성
    생성자, new
  • 26
    객체지향:전역객체
  • 전역객체란?
  • 27
    객체지향:this
  • 함수와 this
    메소드와 this
    생성자와 this
    객체로서 함수
    apply와 this
  • 28
    객체지향:상속
  • 상속이란?
    상속의 사용법
    기능의 추가
  • 29
    객체지향:prototype
  • prototype이란?
    prototype chain
  • 30
    객체지향:표준 내장 객체의 확장
  • 표준 내장 객체란?
    배열의 확장1
    배열의 확장2
  • 31
    객체지향:Object
  • Object란?
    Object API 사용법
    Object 확장
    Object 확장의 위험
  • 32
    객체지향:데이터 타입
  • 원시 데이터 타입과 객체
    레퍼객체
  • 33
    객체지향:참조
  • 복제란?
    참조와 변수
    함수와 참조
  • 34
    패턴
  • 패턴이란?
    재귀함수
  • 35
    마무리
  • 수업을 마치며
강의자 소개
user
생활코딩Teacher
과목 후기
  • 작성된 리뷰가 없습니다.

무료


평균평점
0
난이도
보통
수강인원
133 명
수강기간
제한 없음
URL