자바스크립트 언어 기본 - javascript

자바스크립트 언어 기본 - javascript

(60개의 수강평)

7580명의 수강생

무료

생활코딩
평생
입문, 초급
102개 수업, 총 13시간 49분

1. 강좌 소개

생활코딩의 자바스크립트 언어 기본 강좌 입니다. 자바스크립트 (Javascript) 는 웹브라우저 위에서 동작하는 언어입니다. 웹 프로그래밍을 하려 하신다면 자바스크립트는 필수라고 할수 있죠. 과거의 자바스크립트는 웹브라우저 사에서 약간의 움직임을 주는 선에서 사용되어 왔지만 현재는 구글맵 같은 대규모 프로그램부터 서버측 제어까지 전방위에서 사용되어지는 언어입니다. 본 자바스크립트 강좌는 자바스크립트 언어의 기본문법과 사용법, 함수, 객체 등의 개념들을 학습하여 다른 자바스크립트 라이브러리를 잘 활용할 수 있도록 기초를 쌓는 과정입니다.

2. 도움되는 분들

  • 프로그래밍 입문자
  • 웹 프로그래밍 배우시는 분
  • 웹 개발자
  • 개발을 이해하고 싶은 디자이너
  • 아무나

3. 강좌 특징

  • 다루는 기술 : Javascript
  • 준비물 : PC
  • 강좌 수준 : 입문
 

지식공유자 소개

생활코딩

교육과정

오리엔테이션
Javascript 언어소개
02 : 00
Javascript 기본 - 실행방법과 실습환경
코드 작성과 실행
08 : 00
크롬 개발자 도구 – 콘솔 사용법
04 : 00
도구의 선택
06 : 00
주석
07 : 00
줄바꿈과 여백
03 : 00
숫자와 문자
수의 표현
13 : 00
수의 연산
08 : 00
문자
10 : 00
문자의 연산
08 : 00
변수
변수의 사용법
07 : 00
변수의 효용
08 : 00
비교
연산자
05 : 00
비교 연산자 (== 과 ===)
12 : 00
=== 를 사용하자!
42 : 00
부정과 부등호
03 : 00
조건문
조건문이란? (if, else)
06 : 00
else, else if
05 : 00
조건문의 응용
13 : 00
논리 연산자
10 : 00
boolean 의 대체제
05 : 00
반복문
반복문 기본문법 - while
11 : 00
반복 조건
04 : 00
for 문
14 : 00
반복문의 효용성
05 : 00
반복문의 제어
03 : 00
반복문의 중첩사용과 디버거
13 : 00
함수
함수란?
10 : 00
함수의 효용성
09 : 00
함수의 입력
07 : 00
함수의 출력
07 : 00
다양한 함수 정의 방법
04 : 00
배열
배열의 문법
09 : 00
배열의 효용성
04 : 00
배열의 사용 - 배열과 반복문
14 : 00
배열의 조작 - 추가
14 : 00
배열의 조작 - 제거, 정렬
04 : 00
객체(Object)
객체의 소개와 문법
10 : 00
객체와 반복문
14 : 00
객체 지향 프로그래밍
09 : 00
모듈
모듈이란?
07 : 00
모듈화
09 : 00
Node.js 의 모듈화
03 : 00
라이브러리
06 : 00
라이브러리 사용하기
08 : 00
UI 와 API 그리고 문서보는 법
UI 와 API 수업 소개
02 : 00
UI 와 API 소개
26 : 00
문서 보는법
13 : 00
Javascript 와 정규표현식
오리엔테이션
05 : 00
패턴 만들기
05 : 00
RegExp 객체의 사용
10 : 00
String과 정규표현식
03 : 00
옵션(i, g)
04 : 00
캡처
11 : 00
치환
04 : 00
함수지향 - 유효범위
전역변수와 지역변수
18 : 00
유효범위의 효용성
06 : 00
전역변수를 사용하는 법
06 : 00
유효범위의 대상
02 : 00
정적 유효범위
05 : 00
함수지향 - 값으로서의 함수와 콜백
함수의 용도 - 1
09 : 00
값으로서의 함수와 콜백 - 함수의 용도 2
08 : 00
값으로서의 함수와 콜백 - 콜백이란?
15 : 00
비동기 콜백과 Ajax
19 : 00
함수지향 - 클로저
내부함수, 외부함수
05 : 00
클로저란?
04 : 00
private variable
14 : 00
클로저의 응용
06 : 00
함수지향 - arguments
arguments 소개
08 : 00
매개변수의 수 - function length
04 : 00
함수지향 - 함수의 호출
apply 소개
07 : 00
apply 사용
09 : 00
객체지향 - 객체지향 프로그래밍 소개
객체지향 프로그래밍 오리엔테이션
12 : 00
추상화
07 : 00
부품화
16 : 00
은닉화, 캡슐화, 인터페이스
객체지향 - 생성자와 new
자바스크립트의 객체지향
06 : 00
객체 생성
07 : 00
생성자와 new
11 : 00
객체지향 - 전역객체
전역객체
07 : 00
객체지향 - this
함수와 this
04 : 00
메소드와 this
03 : 00
생성자와 this
06 : 00
객체로서 함수
05 : 00
apply 와 this
08 : 00
객체지향 - 상속
상속이란?
05 : 00
상속의 사용법
07 : 00
기능의 추가
05 : 00
prototype
10 : 00
prototype chain
07 : 00
객체지향 - 표준 내장객체의 확장
표준 내장 객체란?
05 : 00
배열의 확장 1
09 : 00
배열의 확장 2
07 : 00
객체지향 - Object
Object 란?
04 : 00
Object API 사용법
16 : 00
Object 확장
08 : 00
Object 확장의 위험
07 : 00
객체지향 - 데이터 타입
원시 데이터 타입과 객체
03 : 00
레퍼 객체
10 : 00
객체지향 - 참조
복제란?
04 : 00
참조
12 : 00
함수와 참조
07 : 00

수강 후기

4.9
60개의 수강평
꼬부기 7일 전
정말 유익한 강좌였습니다. 감사합니다.
Seungsik Nam 7일 전
기초쌓기 좋았습니다!!!
D.A 9일 전
정말 큰 도움 되었어요! 감사합니다!
Kim Hyunjae 10일 전
javascript 에 대해 잘 알 수 있었습니다. 감사합니다.
김동혁 11일 전
6시간 걸쳐서 다 봤습니다. 솔직하게 후기 남깁니다. 이 강의의 장점은? 1.무료입니다. 2.기본 개념에 대해 세세하게 설명합니다. 3.프로그래밍 한번도 접해보지 않은 분들에게 추천합니다. 단점 강의시간이 너무 길어집니다. 현재 공무원이나 수능사이트같은 전문 강의사이트들은 어떻게든 강사들이 강의시간 줄일려고 노력합니다. 게다가 늘어지는 부분은 삭제하는 등 영상편집도 하고요. 그런 부분에서 개선이 이뤄졌으면 합니다. 후기 정말 프로그래밍 단 하나도 모르는 분이 들어야 적합합니다. C언어나 파이썬 등 다른 언어를 통해서 자료형, 반복문, 클래스, 객체지향 등 개념을 아시는 분은 이 강의보다는 좀더 짧은 컴팩트한 강의를 찾으시는걸 추천합니다. 왜냐하면 정말 그런 부분에서 자세한 설명을 하기 떄문에 완전 초보자가 듣기에 적합하지 이미 그런 개념들을 한번 거친 분들은 굉장히 지루하실 수 있습니다.
박수병 13일 전
자바스크립트의 기본을 이해하는데 좋은 강의!
최윤석 15일 전
good~
진건수 2달 전
잘들었습니다. 친절하고 알기쉬운 설명으로 강의를 해주시네요. egoing님은 대단하신 분 같습니다. ^^
신민혁 (탈퇴) 2달 전
Javascript 기초를 쌓기 좋은 강의!
kyunghee song 3달 전
잘 들었습니다.! 자바스크립트 기본 개념 이해하는데 많은 도움이 되었습니다!
김유정 3달 전
좋았어요 기초를 쌓기엔 도움이 많이 되었습니다.
정재영 3달 전
자바스크립트 기초개념 잡기에 너무 좋은 강의였어요. 자바스크립트 러닝패스를 진행하려는 분이라면 이 강의 꼭 들어보세요. 생활코딩 이고잉 강사님은 나라에서 상줘야 합니다. 입문자 눈높이에서 설명을 쉽게 잘 해주세요. 고맙습니다.
Lawrence Bang 4달 전
아주 좋습니다~ 기초부터 이해하기 쉽게 잘 설명해주시네요
최혜원 4달 전
자바스크립트 개념 잡기 최고! 예를 들어 설명해주셔서 이해하는데 많은 도움이 되었습니다!! : ) 개념잡기 정말 좋은 강의인것 같아요!
Jingi Kim (CopyX) 4달 전
배려넘치는 강의 감사합니다. 듣는 사람이 프로그래밍에 대해 몰라도 이해할 수 있도록 알기쉬운 강의였습니다. 감사합니다.
김혜선 Kim 5달 전
정리가 잘 되었어요!! 개념 잡기에 도움이 많이 되었습니다. 감사합니다!!!
조성창 7달 전
자바스크립트 언어 기본 - javascript 자바스크립트 개념을 잡고 정리하는데 좋은 강의라고 생각합니다.
김나다 7달 전
잘 들었습니다 정말 좋아요!!!! 기초 입문서 한번 쭉 훑어보고 나서 이해가 잘 안 됐던 부분 위주로 절반정도 복습차원으로 들었습니다. 확실히 이해안갔던 부분을 먼저 책으로 공부 후 인강을 들으니 더 잘 와닿고 좋은거 같아요 이고잉님 짱!
흑구 8달 전
JS의 기본을 이해하는데 정말 좋은 강좌 JS 브라우져 언어를 배우기전에 배우면 참 좋은 강좌. JS에 대한 기본 이해도 가능하고 다른 언어에 대한 접근도 비교적 쉬워집니다. 총 101개의 강의가 있는데 쉬엄 쉬엄 보다 보면은 다 보게 됩니다. 강의 시간이 거진 다 10분 이하라서. 시중에 살펴봤지만 기본 JS 강좌는 이 강좌가 제일 좋다고 생각합니다.
MinGi 9달 전
정말 유익한 강의입니다. 이고잉님 고맙습니다.
오호진 10달 전
좋은 강좌 감사합니다. 개발의 개짜도 몰랐습니다만 선생님 덕분에 많이 배우고 성장하고 갑니다. 저도 선생님과 같은 훌륭한 강의를 할 수 있는 사람 중 한 사람이 되도록 실력을 갈고 닦겠습니다.
tomato 11달 전
완강 자바스크립트는 HTML + CSS 에 있어서 얼럿창 띄워주는 정도로만 생각하고 있었는데, 훨씬 더 큰 세계가 포함 되어 있었네요, 잘 배웠습니다. 감사합니다
Kwangho Lee 2018.05.23
좋은 강의 감사합니다 기본적이지만 상세하고 개념을 잡아주는 좋은 강의였습니다.
Bongx2 2018.05.12
잘 들었습니다^^ 자바스크립트의 원리에 대해서 알게되고 초급자에게 정말 좋은 강의 인거 같습니다. 감사합니다~~
일산훈남 2018.04.25
좋은 강의 감사합니다 감사합니다.
sung ho Park 2018.02.26
넘 쉽게 잘 가르쳐 주셔서 감사합니다^^ 넘 쉽게~ 또 강좌마다 길이가 넘 적당해서 스터디하기 좋았어요^^ 덕분에 자바스크립트 열심히 하겠습니다.
연계중 2018.02.05
좋은강좌였습니다. 자바스크립트에 대한 이해를 돕는데 아주 유익한 강좌 였던것 같습니다. 감사합니다
니캉내캉 2018.01.28
너무 감사하게 잘봤습니다. 강의 너무 잘봤습니다. 개발하면서 항상 궁금했던게 이번 강의로 거의 해결이 되었습니다. (너무 시간이 지난후 강의를 봤네요 ㅎㅎ) 다시한번 감사드립니다.
Kyeoung-ho lee 2018.01.27
기본 개념 잡기 편하네요~ 강의가 지루하지 않고 듣기 편해서 완강할 수 있었네요.ㅎ 감사합니다. 덕분에 자바 스크립트의 기초개념은 이해하였네요.ㅎ
임동욱 2018.01.17
정말 잘들었습니다!! 제가 알고 있던 자바스크립트는 정말 빙산의 일각이라는 것을 알았습니다. 많은 것을 배웠습니다 감사합니다.
윤진환 Youn 2018.01.15
강의 너무 감사합니다. Javascript 기반을 배울 수 있었습니다.
강민승 2018.01.04
기초적인 자바스크립트 강좌 13일만에 완강했습니다(중간에 크리스마스 연휴빼면 10일 정도네요) 긴 여정이었습니다. 기초적인 자바스크립트를 이해할 수 있게 됐습니다. 심도있는 개념들도 몇몇 나오는데 이를 잘 풀어주셔서 너무나 명확히 이해하고 갑니다. 언어적인 측면에서도 커다란 도움이었습니다. 감사합니다.
박종관 2018.01.03
good
Jeonghyun Lim 2018.01.03
목소리가 차분하셔서 귀에 착 감기네요 참고로 남자인데도 듣기 좋네요
김승미 2017.12.19
입문용이나 기초 다지기에 좋아요 이고잉님의 친절한 설명 감사합니다. ^^
Wookyoung Lee 2017.12.14
뜻 깊은 명강의 감사합니다~ 이강의를 계긱로 처음 입문하신 분들이라면 opentutorial.com 에서 javascript편 마지막강의도 들어보시는 거 추천드립니다!
Hyeong Jin Lim 2017.11.14
좋은 강의 정말 감사합니다 자바스크립트 기초에 충실한 강좌인 것 같습니다
Park-m 2017.11.09
감사합니다. 매우 유익합니다. 자바스크립트에 대해 조금 알게 되었습니다.
박원규 2017.10.18
감사합니다. 잘 배웠습니다.
강규민 강 2017.10.18
역시 최고의 강좌입니다~^^
이영준 2017.10.13
javascript 에 대해서 전반적으로 알게된것같아요. 감사합니다.
김천용 2017.10.11
기초 개념잡기에 좋습니다.
DaDaCaT 2017.09.13
기초공부하실때 도움 많이됩니다. 자바스크립트를 하긴하는데 개념을 많이 까먹엇을때 한번쯤 들으면 좋은 것 같아요.
오지혜 2017.09.08
차근차근 기초를 마련하는 느낌이었어요~ 그리고 이해하면 암기해야하는 것이 줄어든다는것에 완전 공감! 쉬운 설명과 예제로 이해하기 충분했습니다. 감사합니다!!
Kulluck 2017.09.01
이틀만에 정주행! 반 년전에 책으로 독학해보겠다고 정독하고는 그뒤로는 자바스크립트를 본 적이 없었는데 한 번 보고나서 되새김질할 겸 정주행 했습니다. 너무 훌륭한 선생님을 아무 대가없이 만날 수 있어서 영광이라고 생각합니다. 13시간 49분 짧지만 긴 시간이었고 다른 강의들도 듣고 싶어지네요. 감사합니다.
안효명 2017.07.10
잘 들었습니다~~ 이해가 잘 되도록 설명 잘 해주셔서 좋습니다~
hellotreeset 2017.06.28
너무나 감사합니다. 자바와 다른 형태의 OOP여서 이해가 안가는 부분이 많아 고민을 하다가 강의를 듣게 되었는데 천천히 그리고 자세하게 알려주셔서 너무나 큰 도움이 되었습니다. 자바스크립트에서 위화감을 느끼고 있던 부분을 정확하게 알려주셔서 자바스크립트를 더욱 가깝게 느낄 수 있게 되었습니다. 정말 정말 감사합니다.
최정원 2017.05.21
좋은 강좌 감사합니다. 기초에 대해서 다시 생각해볼 수 있었습니다.
박형진 Park 2017.04.28
감사합니다. 아주 좋네요~
김성원 김 2017.04.12
너무 좋은 강좌였어요 회사에서 JS도 쓰고 JQuery도 쓰고 있는데 기초가 부족해서 늘 아쉬운 점이 있었는데 이번기회에 채운거 같아요
수지아빠 2017.03.03
자바스크립트 언어 기본 - Javascript 오랜만에 자바 스크립트로 어플리케이션을 구축할 필요가 있어, 짧은 시간에 지식을 refresh할 목적으로 보았습니다. 간결하고, 특히 prototype의 설명이 알기쉽고 명료하여 인상에 남는군요. 좋은 강좌 감사드림니다.
박현규 2017.01.30
이해가 잘 되었습니다.
Sangjun Baek 2017.01.10
좋아요 기초부터 차근차근 목소리 톤도 좋으시구용..
청운 2016.12.08
좋은강의 였습니다 감사
전병주 2016.11.21
잘 들었습니다. 원리적인 부분을 놓치지 않고 잘 설명해주셔서 많은 도움이 됬습니다.
칼핀 2016.11.10
좋네요 잘들었습니다.
배이환 배 2016.10.20
재미있는 강의 였습니다. 덕분에 재미있게 수강하였습니다. 감사합니다.
Young Joo Kim 2016.10.11
좋은 강의 감사드립니다, 많은 도움이 되었습니다. 감사합니다.
YangGangE 2016.04.29
좋은 강좌 감사합니다. 좋은 강좌 잘듣고 갑니다. 감사합니다.
새우깡 2016.03.26
잘들었어요~~ 개념잡기에 좋습니다.