Thumbnail
개발 · 프로그래밍 프로그래밍 언어

문법 공부 다음엔, 자바스크립트 프로젝트 101 대시보드

(5)
5개의 수강평 ∙  102명의 수강생

55,000원

지식공유자: 이룸코딩
총 39개 수업 (6시간 33분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.

🚀 자바스크립트 문법 공부를 막 끝낸 코린이들에게 적합한 미니 프로젝트 실습 강의입니다. 자바스크립트 기초 문법과 리액트나 뷰 등의 프레임워크 사이에 꽉 막힌 구간을 시원하게 뚫어드립니다. ✨

✍️
이런 걸
배워요!
순수 자바스크립트로 개발하는 미니 프로젝트
다양한 API를 활용한 미니 프로젝트
모던 자바스크립트 문법 핵심 기초
프레임워크 학습 전 알아두면 좋은 기본기

자바스크립트 기초 다음 Level Up! 
코딩 왕초보를 위한 재미있는 실습 101 🚀

진짜 
코딩 왕초보를 위한 
A to Z 강의

🤨 “문법 공부를 끝냈는데 뭘 해야 할지 모르겠어요” 

😖 “매번 기초 문법 공부만 하고 포기하게 돼요” 

😗 “바닐라 자바스크립트 미니 프로젝트를 해보고 싶어요” 

😥 “리액트 강의를 듣는데 기초 공부하느라 벅차요” 

🤯 “API, 비동기 처리, 서버 등 필요한 상식이 너무 많아요” 

🤔 “최신 문법을 한 번에 정리하고 싶어요” 

이 강의는 바로 이런 분들을 위해 준비한 강의입니다!

기초 문법 공부 후 → Node.js / React / Vue.js로 넘어가기 전 섭취하시면 딱 좋아요 😀👍

다년간 비전공자 등 코딩 경험이 전혀 없는 많은 분들이 프로그래밍에 입문하고, 헤매고, 포기하는 과정을 봤습니다. 또 그와 반대로 결국 해내고 이루는 것도 많이 봐왔어요.

그래서 이 강의는 진짜 자바스크립트의 첫 발을 뗀 분들이 리액트나 뷰와 같은 다음 단계 직전에 들으면 좋은 강의로 만들고 싶었습니다. 기초 강의가 1이라면 이 강의는 1.5 정도라고 하면 될 것 같네요.

누구나 처음은 있습니다. 노력하시는 모든 분들께 응원의 메시지를 전합니다. 항상 행복하세요. 감사합니다. 💕


실습 예제 
살짝 맛보기

반드시 HTML & CSS 및 
자바스크립트 기초 문법을 
학습하신 다음 수강하세요!

효율적인 학습을 위해선 지금 나에게 필요한 공부를 해야 합니다. 이 강의는 초보자를 위한 강의지만 문법에 대한 내용은 다루지 않아요.

HTML 태그를 어떻게 사용하는지, CSS로 어떻게 스타일링 하는지, 자바스크립트로 어떻게 변수를 만들고 조건문과 반복문을 사용하는지 등. 반드시 자바스크립트 기초 문법 강의까지는 끝내고 보셔야, 이 강의를 제대로 들으실 수 있어요.


학습 내용 📚

✅ 챕터마다 이런 내용을 학습/복습할 수 있어요!


안녕하세요!
이룸코딩 강사 이도해입니다.

안녕하세요. 이룸코딩 강사, 이도해입니다. ≪HTML5 독학백서≫, ≪CSS3 독학백서≫, ≪자바스크립트 ES6+ 독학백서≫, ≪모두를 위한 엔트리 교과서≫ 등의 저자입니다.

Q&A를 확인해보세요 💬

Q. 선행 학습이 필요한 과목이 있나요?

HTML, CSS, 자바스크립트 기초 문법에 대한 선행 학습이 필요합니다. 해당 강의들은 모두 무료로 들으실 수 있어요!

Q. 완성된 코드는 어디서 볼 수 있나요?

실습을 위해 제공되는 저장소에서 브랜치를 completed 브랜치로 변경하시면 완성된 코드를 확인하실 수 있습니다. git 사용에 익숙하지 않으신 분들은 브랜치 변경 후 압축 파일로 다운로드하여 사용하세요.

Q. 이 강의를 듣고 난 다음에는 어떤 걸 공부하면 좋을까요?

자바스크립트 코어에 대한 중급 과정이나, 리액트나 뷰 등을 학습하여 서비스를 만드는 연습을 하시는 것을 추천드립니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
문법 공부 후 뭘 해야 할지 고민되는 분들
자바스크립트 문법을 예제로 총정리 하고 싶으신 분들
다양한 자바스크립트 미니 프로젝트를 경험해보고 싶으신 분들
리액트, 뷰 등을 배우기 전에 총정리 하고 싶으신 분들
자바스크립트 초급 과정을 깔끔하게 끝맺음하고 싶으신 분들
📚
선수 지식,
필요할까요?
HTML & CSS
자바스크립트 기초 문법

안녕하세요
이룸코딩 입니다.
이룸코딩의 썸네일

이룸코딩 ErumCoding

함께 꿈을 코딩해요! 🚀

커리큘럼 총 39 개 ˙ 6시간 33분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 2. 비디오
비디오 백그라운드 08:26
커스텀 비디오 플레이어 24:03
섹션 3. 캔버스
그림판 23:37
짤방 (Meme) 생성기 21:43
섹션 4. 배열 & 객체
Array.prototype.map() 19:20
Array.prototype.sort() 09:02
Array.prototype.filter() 13:11
Array.prototype.reduce() 18:35
섹션 5. 칸반 보드 앱 (드래그 & 드랍)
새로운 할 일 객체 요소 추가 11:14
드래그 이벤트 핸들링 14:54
저장 & 삭제 기능 추가 11:06
섹션 6. 날씨 앱 (API)
예제 설명 & 초기 코드 02:34
API 서버 동작의 이해 06:38
API Key & 보안 (API 사용 준비) 06:48
사용자 현재 위치 좌표 가져오기 07:28
좌표 기반 현재 날씨 가져오기 09:53
날씨 아이콘 가져오기 02:24
섹션 7. 영화 앱 (API)
예제 설명 & 초기 코드 02:36
영화 API 소개 & 사용 준비 16:35
포스터 이미지 & 상세 정보 페이지 링크 생성 06:25
영화 검색 기능 추가 06:54
섹션 8. SNS 앱 (Fake API)
예제 설명 & 초기 코드 & API 소개 05:05
HTTP 메소드 종류와 동작의 이해 06:32
모의 서버에서 게시물 가져오기 09:12
작성자 정보 가져오기 & 비동기 처리의 이해 10:33
유저 프로필 페이지 작성 06:16
섹션 9. 마치는 말
이 강의 다음에는 뭘해야 할까요? 04:16
마치는 말 미리보기 05:11
강의 게시일 : 2023년 02월 24일 (마지막 업데이트일 : 2023년 02월 24일)
수강평 총 5개
수강생분들이 직접 작성하신 수강평입니다.
5
5개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
티라미수 thumbnail
5
배운 지식들을 활용하기 위해 이런 강의가 필요했는데 복습용으로 좋습니다 :D 이런 유형으로 지금보다는 조금 더 난이도 있는 버전도 있으면 너무 유용할 것 같아요.
2023-10-01
cyberhero thumbnail
5
기초 + 실전에 대한 감각을 익힐 수 있는 강의 입니다. 내용도 재미있어서 지루하지 않게 들을 수 있습니다. 자바스크립트를 익히기에 문법만 쭉 설명하는 기초강의보다 오히려 효과적인 것 같기도 합니다.
2023-08-18
GoyaChoi thumbnail
5
이해하기 쉽게 설명해주시고 혼자 어렵게 풀어나간 문제들을 쉽게 해결할 수 있는 방법을 제시해주시는 것 같아서 발전에 더욱 힘이 될 것 같은 강의 입니다!! 감사합니다! - 다 듣고 난 찐 후기 ! - 다 들어봤는데 정말 저처럼 공부가 이번이 처음이다? 일일이 말씀하시는 걸 다 받아적어도 쓸데없는 이야기 하나도 없고요 정말 이해하기 쉽게 상황에 따라 설명해주시고 만들어 주시니까 정말 옆에서 알려주시는 것처럼 아주 좋았습니다!! 앞으로 강의 아주 많이 만들어주세요! 정말 좋은 강의 너무너무 감사합니다!!!★★★★★★★★★★ 별 10개 드립니다!
2023-03-14
yooshin cha thumbnail
5
덕분에 재미있게 배웠습니다. 감사합니다.
2023-03-15
safeArea thumbnail
5
재밌습니다 추천 ! 문법 강의가 재밌어서 구매했습니다. 생각안하고 따라만 치니까 칸반보드부터는 이해가 안되더라구요. 칸반보드 2번 따라하고, 최대한 안보고 코드 치니까 자바스크립트 문법에 조금씩 익숙해졌습니다. 함수형 프로그래밍이란 어렵네요. 중급 강의 나오면 다시 뵙겠습니다 파이팅~
2024-03-13