22,000원
입문자를 위해 준비한
[웹 개발, 프로그래밍 언어] 강의입니다.
웹 사이트를 움직이는 프로그래밍 언어, 자바스크립트의 주요 개념과 문법, 그리고 활용 방법을 소개합니다. 이제 막 HTML/CSS 걸음마를 떼신 분들도 부담 없이 소화하실 수 있는, 자바스크립트 입문 수업입니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
자바스크립트의 역할
자바스크립트 기본 문법
자바스크립트 활용 방법
웹 개발을 시작해보고 싶다면?
유노코딩과 자바스크립트 걸음마 떼기
📢 수강 전 확인해주세요!
- 이 강의는 자바스크립트 입문을 위한 강의로 node.js나 React 같은 내용은 다루지 않습니다.
걸음마를 떼자!
자바스크립트 입문 강의
이 강의는 강의 소개와 마무리 인사를 포함, 총 40개 영상으로 구성된 입문자용 자바스크립트 강의입니다. HTML/CSS에 대한 기초 지식만 가지고 계시면 부담 없이 소화할 수 있는 강의입니다.
각 수업의 진행 흐름
- 기초 이론 : 주요 개념들을 알기 쉽게 설명합니다.
- 실습 안내 : 학습한 내용을 직접 실습하며 확인합니다.
- 내용 정리 : 학습 내용을 정리하여 마무리합니다.
여기에 더해서!
- 학습한 내용을 복습하고 응용력을 기를 수 있는 4개의 미니 프로젝트
- 미니프로젝트 소스 코드 + 해설
이 강의를
이런 분들께 추천합니다
HTML/CSS는
배웠는데…
이제 막 웹 개발을
시작하신 분
자바스크립트
배워볼까?
자바스크립트를
시작하려는 입문자
내겐 너무 어려운
자바스크립트
자바스크립트에 도전
했으나 실패하셨던 분
nodeJS, React를
배워보고 싶은데…
자바스크립트로의
첫걸음을 시작하는 분
이 강의는
이런 목표를 가지고 있습니다
입문자 분들이 부담감을 느끼지 않고 빠르게 공부하실 수 있도록 하기 위해, 기초 다지기에 꼭 필요한 개념 위주로 내용을 구성했어요.
이 강의를
들은 후 여러분은
- 웹 개발 분야에서 자바스크립트의 역할이 무엇인지 이해할 수 있어요.
- 자바스크립트가 일하는 방식에 대해 이해할 수 있어요.
- 자바스크립트의 기본 문법과 작성 방법을 익혀볼 수 있어요.
- 평소 즐겨 사용하는 웹 사이트의 동작이 어떤 식으로 만들어졌는지 이해할 수 있어요.
- 다양한 예제 실습을 통해 원하는 기능을 구상하거나 직접 구현해 볼 수 있어요.
강의 내용
미리 확인해보기
기초 이론 설명
학습한 내용 실습
내용 정리
미니 프로젝트 4가지와
소스 코드 + 해설문
수강 전에
확인해주세요
하나, 다음과 같은 준비물을 챙겨주세요!
💻 컴퓨터
💻 코드 에디터 (수업에서는 Visual Studio Code를 사용해요)
💻 영타 능력 (속도가 느려도 괜찮아요)
둘, 수강 전 미리 알려드려요!
👉🏻 웹을 위한 자바스크립트를 공부하는 수업입니다! node.js나 React와 같은 내용은 다루지 않아요!
👉🏻 대부분의 영상에는 코드를 작성하는 장면이 등장하는데, 자칫 영상이 지루해질 수 있다고 판단해 대부분 배속 처리하거나 타이핑 과정을 스킵하였습니다. 따라서 코딩 실습을 따라 하시는 경우 일시정지 기능을 적절히 활용해 가시면서 실습을 진행하시길 추천합니다!
유노코딩과
HTML/CSS 걸음마 떼기
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
자바스크립트를 처음 배우는 사람
자바스크립트에 도전했다가 실패한 사람
HTML/CSS를 공부 중이거나 공부해 본 사람
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
HTML
CSS
코드 에디터 (설치방법 안내 링크 제공)
커리큘럼
총 47 개
˙ 7시간 5분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 소개 & 자바스크립트 소개
3 강
∙ 7분
섹션 1. 자바스크립트 기초
23 강
∙ 4시간 14분
자바스크립트 코드는 어디에 작성하나
미리보기
07:07
객체란 무엇일까?!
미리보기
09:41
콘솔을 소개합니다 & 코드 작성 규칙
미리보기
12:33
변수와 숫자, 그리고 문자열
미리보기
17:19
상수 그리고 prompt
미리보기
13:40
템플릿 리터럴
미리보기
09:18
연산 그리고 연산자
미리보기
15:28
null, undefined 그리고 boolean
미리보기
08:15
Document Object Model, 줄여서 DOM
04:42
document & methods
14:27
비교 연산과 또 다시 boolean
10:41
조건문을 만들어보자
12:16
반복문을 만들어보자 1편
10:41
반복문을 만들어보자 2편
11:34
함수 1편
15:25
함수 2편
09:33
함수 3편
11:04
이벤트를 소개합니다
12:20
addEventListener & 이벤트 객체
13:37
createElement & appendChild
13:34
value 속성 외
11:42
삼항 연산
09:28
미니 프로젝트 섹션으로 넘어갑니다
섹션 2. 디지털 시계 만들기
4 강
∙ 35분
섹션 3. 로또번호 추첨하기
5 강
∙ 39분
Element.classList
07:31
배열 개념과 사용법을 소개합니다
10:40
배열 메소드
13:13
Math 객체
08:01
로또번호 추첨하기
섹션 4. 할일 목록 만들기
6 강
∙ 55분
객체 리터럴로 객체 만들기
12:11
스프레드 연산자(전개 구문)
11:51
JSON
11:03
로컬스토리지(localStorage)
10:01
배열 메소드 2편
10:22
할일 목록 만들기
섹션 5. 포토 앨범 만들기
5 강
∙ 28분
HTTP
06:38
XMLHttpRequest 그리고 Ajax
05:26
XMLHttpRequest 실습
16:04
포토 앨범 만들기
XMLHttpRequest 실습 + 포토 앨범 만들기 추가 사항
섹션 6. 강의 마무리
1 강
∙ 6분
여기까지 오시느라 수고하셨습니다!
06:03
강의 게시일 : 2021년 10월 27일
(마지막 업데이트일 : 2022년 04월 10일)
수강평
총 44개
수강생분들이 직접 작성하신 수강평입니다.
4.9
44개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
자바 스크립트의 j도 모르던 비전공자입니다. 국비 학원 강사님 강의 못 따라가서 이걸로 기초 잡았습니다 진짜 최고의 강의!! 유튜브에 있던 강의는 객체랑 배열이 부족해보여서 인프런 와서 유로 강의로 봤는데 뒤에 객체랑 배열 내용 충분히 있는 것 같아요 저는 정말 만족하는 강의입니다 한가지 아쉬운 건 프로젝트 부분 풀이 영상이 있어서 같이 보면서 풀면 좋을 것 같다는 생각이 있지만 없어도 구글링해서 하니 공부가 되는 것 같습니다 물론 잘못해서 맨날 답지 보고 하기는 하지만... 많은 도움 받았습니다 좋은 강의 감사합니다
2022-12-25
무료 강의인 HTML과 CSS는 개념 이해가 잘 됐는데, 이건 처음에 나오는 객체와 메소드에 관한 설명이 너무 부실해요. 이후 영상에서도 객체나 메소드 얘기가 종종 나오는데 저 두 가지 개념이 뭔지 제대로 알 수 없으니 강의 이해에 어려움이 생깁니다.
2022-10-03
처음 듣기 좋습니다
2022-04-14
독학으로 공부하면서 실습에 꼭 필요한 내용들을 알려주셔서, 자칫하면 '공부'만 하고 지쳐 중도에 포기할 수 있는 코딩 입문자들에게 필요한 강의라고 느꼈습니다!
그리고 강의 마지막에, 이후 공부 방향 등도 추가로 말씀해주셔서 참고해서 나아갈 방향 설계를 할 수 있을 것 같습니다! 감사합니다 :)
2022-04-11
유노선생님의 자바스크립트 기초강의를 듣고 자바스크립트에 대해서 조금은 알게 되었고 이것을 바탕으로 더욱더 심화된 자바스크립트 를 해보려고 합니다 명 강의 감사드립니다 고생하셨습니다!!
2022-04-07
