[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

Name: [리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
Rating: 5 (151 reviews)

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

(5.0) 수강평 151개

수강생 15,103명

난이도 초급

수강기한 무제한

제로초(조현영)

JavaScript

POSCO

임직원들도 이 강의를 듣고 있어요!

POSCO

임직원들도 이 강의를 듣고 있어요!

먼저 경험한 수강생들의 후기

5.0

wjdgksak

79% 수강 후 작성

강의 자체는 재미는 솔직이없습니다.. 근데 배우면배울수록 dom조작같은거나 이벤트루프 this 이런개념을 명확히정리하여서 매우큰 도움을받았습니다. 진짜 꼭보시고 풀어보세요 !

5.0

100% 수강 후 작성

강의 90% 수강하고 느낀점 적어보겠습니다. 완강 예정이구요. 우선 설명을 굉장히 잘하십니다. 디테일한 부분들까지 잘 설명해주십니다. 제가 이해력이 좋다고 생각하진 않는데 이 강의 들으면서 막힌부분이 딱히 없습니다. 무슨 말인지 아시겠죠? 그만큼 이해하기 쉽게 설명을 잘 해주십니다. 이 강의 완강하면 자바스크립트 기초는 다 뗐다고 생각합니다. 부족한 부분은 MDN이나 기타 자료들 검색하거나 자바스크립트 문법책 사서 보충하면 될 것 같습니다. 또 저는 유튜브로 질문을 굉장히 많이 했는데 웬만하면 대부분 대댓글로 다 알려주십니다. 그부분이 가장 마음에 들었습니다.

5.0

이석훈

100% 수강 후 작성

작년 자바스크립트 강의는 8강에서부턴가 갑자기 난이도가 상승해서 듣기 어려웠던 기억이 있었는데, 리뉴얼에서는 커리큘럼에 더 신경을 써주신 거 같습니다. 기타 학습(책이나 개인프로젝트 등)을 병행하며 해야 학습효과가 더 높아지지만, 이 강의만으로도 기초를 다지기에는 부족함이 없다고 생각합니다. 추가적으로 여기 인프런에서는 안보이지만, 제로초님 유튜브에 HTML/CSS강좌도 있으니 같이 들으시는 것이 좋습니다. 추가로 책도 구입하시는 것을 추천드립니다. 강의료라 생각하면 비싼거도 아니고, 반복학습 하기에 좋습니다.

수강 후 이런걸 얻을 수 있어요

자바스크립트 문법
프로그래밍 사고력
간단한 웹게임들

재미있는 게임을 만들며 배워보는 JavaScript 💬

이 강의에서는?

JavaScript의 기본 개념을 완벽히 다루고,
실습을 통해 배운 내용을 더 쉽게 체화해봐요.

JavaScript, 이 강의로 자율학습!

자바스크립트는 컴퓨터에 명령할 때 사용하는 언어 중 하나입니다. 과거에는 웹 사이트를 만드는 데에만 국한되었다면, 현재는 웹 앱, Desktop 프로그램을 만드는 데에도 활용되고 있습니다. 뿐만 아니라 인스타그램과 페이스북 등의 앱 일부를 만드는 데에도 활용되고 있죠. 본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어 봅시다.

수강 타겟

JavaScript
개발 입문자

웹 프론트엔드
개발 입문자

웹 게임을
개발해보고 싶은 분

학습 목표

“혼자 자바스크립트를 공부하는 건 너무 어려워요."
“이론도 중요하지만 실습도 많았으면 좋겠어요,"

이 강의를 통해 여러분은,

JavaScript의 기본적인 문법을 배울 수 있습니다.

프로그래밍적인 사고력을 갖출 수 있습니다.

본 강의를 미리 확인해 보세요

Who is ZeroCho?

_{제로초 블로그 및
유튜브 채널 운영}

_{웹개발 베스트셀러
<Node.js 교과서> 저자}

_{(전)주식회사 오늘의픽업
CTO}

수강 전 참고해주세요

본 강의는 '코딩자율학습 제로초의 자바스크립트 입문' 책 내용을 토대로 진행합니다. 구매를 원하시는 분들은 하단 구매링크를 참조해주세요.
구매 링크
강의에 필요한 소스코드는 하단 소스코드 링크에서 받아보실 수 있습니다.
소스코드 링크

이런 분들께
추천드려요

학습 대상은
누구일까요?

자바스크립트 완전 초보
또는 자바스크립트 입문에 한 번 실패했던 사람
자바스크립트를 배웠지만 프로그래밍이 안 되는 사람

선수 지식,
필요할까요?

HTML, CSS

안녕하세요
입니다.

67,853

명

수강생

1,756

개

수강평

9,765

개

답변

4.8

점

강의 평점

개

강의

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 전) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
Former CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

커리큘럼

전체

121개 ∙ (26시간 49분)

섹션 1. 1강

4개 ∙ (52분)

섹션 2. 2강

29개 ∙ (5시간 54분)

5. 세미콜론, 주석, 들여쓰기
10:50
6. 문자열 기본(따옴표, 백틱, typeof, escape)
16:51
7. 문자열 합치기(연산자)
03:41
8. 숫자 기본(parseInt, NaN)
19:27
9. 연산자 우선순위, 소수 계산 주의점
07:32
10. 불 값(boolean, 값들의 비교)
17:21
11. 논리연산자
13:44
12. undefined와 null
09:59
13. 변수 선언하기(let)
15:57
14. 변수 이름짓기
12:32
15. 변수 수정하기
10:21
16. 상수(const)와 var
11:20
17. 조건문(if)
08:51
18. else, else if, switch
16:30
19. 조건부 연산자(삼항 연산자)
14:51
20. 반복문(while)
16:05
21. 반복문(for)
18:09
22. break와 continue
12:26
23. 중첩 반복문
13:39
24. 별찍기 숙제
10:44
25. 배열 기본
13:23
26. 배열 메서드(수정, 조회)
12:58
27. 배열 메서드 응용하기
12:34
28. 배열 at 메서드
00:59
29. 함수 기본
17:22
30. 매개변수와 인수
11:36
31. 객체 리터럴 기본
12:28
32. 객체의 비교(원시값과의 차이점)
11:05
33. 옵셔널 체이닝 문법
01:00

섹션 3. 3강

10개 ∙ (1시간 54분)

34. 순서도를 그리는 이유
18:08
35. 기본 VS Code 사용법
08:01
36. 대화창(prompt, alert, confirm)
07:51
37. HTML 태그 선택하기(querySelector)
16:54
38. 이벤트 리스너 달기(콜백함수)
09:23
39. 첫 번째 사람인지 판단하기
17:19
40. 올바른 단어인지 판단하기
10:40
41. 틀렸을 때 오류 표시하기
06:56
42. 순서도 최적화하기(and, or)
11:55
43. 셀프체크 - 쿵쿵따 만들기
07:01

섹션 4. 4강

6개 ∙ (1시간 20분)

섹션 5. 5강

8개 ∙ (1시간 49분)

섹션 6. 6강

6개 ∙ (1시간 14분)

섹션 7. 7강

6개 ∙ (1시간 25분)

섹션 8. 8강

6개 ∙ (1시간 24분)

섹션 9. 9강

9개 ∙ (1시간 50분)

섹션 10. 10강

10개 ∙ (2시간 19분)

섹션 11. 11강

8개 ∙ (1시간 43분)

섹션 12. 12강

9개 ∙ (2시간 17분)

섹션 13. 13강

6개 ∙ (1시간 28분)

섹션 14. 14강

4개 ∙ (1시간 15분)

강의 게시일:

마지막 업데이트일:

수강평

전체

151개

5.0

151개의 수강평

고트.
수강평 11
∙
평균 평점 4.8
5
30% 수강 후 작성
수많은 수강생이 있는데도 불구하고 왜 평균 평점 5.0 일까? 무료이지만 유료 퀄리티 강의이다
fe
수강평 3
∙
평균 평점 5.0
5
100% 수강 후 작성
강의 90% 수강하고 느낀점 적어보겠습니다. 완강 예정이구요. 우선 설명을 굉장히 잘하십니다. 디테일한 부분들까지 잘 설명해주십니다. 제가 이해력이 좋다고 생각하진 않는데 이 강의 들으면서 막힌부분이 딱히 없습니다. 무슨 말인지 아시겠죠? 그만큼 이해하기 쉽게 설명을 잘 해주십니다. 이 강의 완강하면 자바스크립트 기초는 다 뗐다고 생각합니다. 부족한 부분은 MDN이나 기타 자료들 검색하거나 자바스크립트 문법책 사서 보충하면 될 것 같습니다. 또 저는 유튜브로 질문을 굉장히 많이 했는데 웬만하면 대부분 대댓글로 다 알려주십니다. 그부분이 가장 마음에 들었습니다.
wjdgksak
수강평 14
∙
평균 평점 4.9
5
79% 수강 후 작성
강의 자체는 재미는 솔직이없습니다.. 근데 배우면배울수록 dom조작같은거나 이벤트루프 this 이런개념을 명확히정리하여서 매우큰 도움을받았습니다. 진짜 꼭보시고 풀어보세요 !
chosule
수강평 1
∙
평균 평점 5.0
5
15% 수강 후 작성
다른 강의는 응용하는 방법이 맨뒤에 나오거나 안알려주는데 선생님은 같이 알려주셔서 너무너무 좋습니다 정말 감사해요 아직 몇강 안봣지만 계속 돌려볼게요 : - ) !!!!!!!!!!
이석훈
수강평 5
∙
평균 평점 5.0
5
100% 수강 후 작성
작년 자바스크립트 강의는 8강에서부턴가 갑자기 난이도가 상승해서 듣기 어려웠던 기억이 있었는데, 리뉴얼에서는 커리큘럼에 더 신경을 써주신 거 같습니다. 기타 학습(책이나 개인프로젝트 등)을 병행하며 해야 학습효과가 더 높아지지만, 이 강의만으로도 기초를 다지기에는 부족함이 없다고 생각합니다. 추가적으로 여기 인프런에서는 안보이지만, 제로초님 유튜브에 HTML/CSS강좌도 있으니 같이 들으시는 것이 좋습니다. 추가로 책도 구입하시는 것을 추천드립니다. 강의료라 생각하면 비싼거도 아니고, 반복학습 하기에 좋습니다.

무료

제로초(조현영)님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

AI 시대에 살아남기: Supabase로 백엔드 뚝딱!

제로초(조현영)

AI 시대가 도래하며 개발자에게 요구되는 능력은 점점 더 복잡해지고 있습니다. "프론트엔드만 잘하면 되겠지"라고 생각했지만, 나만의 서비스를 만들거나 AI 기능을 붙이려다 보면 결국 백엔드라는 거대한 벽에 부딪히게 됩니다. 하지만 막상 백엔드를 시작하려니 데이터베이스 설계, 사용자 인증(Auth), 스토리지 관리, 그리고 복잡한 인프라 구축까지 배워야 할 것이 너무 많아 압도되셨나요? 이제 그 무거운 짐을 내려놓으세요. 본 강의에서는 이 모든 백엔드 기능을 단숨에 해결해 주는 Supabase를 활용합니다. 복잡한 서버 지식 없이도 백엔드를 '뚝딱' 완성하고, 아이디어를 즉시 구현하는 풀스택 개발자로 거듭나는 가장 빠른 지름길을 안내합니다.

초급

Node.js, DBMS/RDBMS, OAuth

AI 시대에 살아남기: Supabase로 백엔드 뚝딱!

제로초(조현영)

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

제로초(조현영)

알고리즘 공부의 필수 선수과목인 자료구조! 다양한 자료구조를 자바스크립트로 배워봅시다!

초급

JavaScript, 알고리즘, 코딩 테스트

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

제로초(조현영)

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

이미 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 데이터베이스가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

입문

DBMS/RDBMS, SQL, MySQL

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

HTTP를 다루는 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 네트워크가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

입문

네트워크, tcpip, websockets

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

초급

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

초급

Node.js, Express, MySQL

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

중급이상

Node.js, 웹앱, TypeScript

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

중급이상

디자인 패턴, 객체지향, TypeScript

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

초급

소프트웨어 테스트, Jest, react-testing-library

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

중급이상

Next.js, React, react-query

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

제로초(조현영)

타입스크립트 기본 문법을 배운 상태에서, 유명한 라이브러리들의 복잡한 타입을 분석하는 방법을 알아봅시다.

중급이상

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

제로초(조현영)

배달앱 클론코딩 [with React Native]

제로초(조현영)

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

중급이상

React Native

배달앱 클론코딩 [with React Native]

제로초(조현영)

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

Node.js의 스프링이라고 불리는 NestJS를 배우고, Dependency Injection의 편리함을 맛봅시다. API 개발부터, 익스프레스와의 비교, 배포, 테스팅까지 모두 배워봅시다.

중급이상

NestJS, TypeORM, Express

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

중급이상

클론코딩, React, TypeScript

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

중급이상

React, Redux, Node.js

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

제로초(조현영)

리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.

중급이상

React, TypeScript

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

제로초(조현영)

Redux vs MobX (둘 다 배우자!)

제로초(조현영)

리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!

초급

Redux, MobX

Redux vs MobX (둘 다 배우자!)

제로초(조현영)

웹 게임을 만들며 배우는 Vue

제로초(조현영)

간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다.

초급

Vue.js, Webpack, Vuex

웹 게임을 만들며 배우는 Vue

제로초(조현영)

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

중급이상

Vue.js, Node.js, AWS

Vue로 Nodebird SNS 만들기

제로초(조현영)

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

자바스크립트 중고급: 엔진 핵심

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있습니다.

초급

JavaScript

자바스크립트 중고급: 엔진 핵심

김영보

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙의 95% 이상을 다룹니다.

초급

JavaScript, 객체지향

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

쉽고 빠르게 만드는 다양한 이미지 이펙트!

깡코딩

자바스크립트와 CSS로 흩어진 이미지 조각을 하나의 이미지로 완성하는 다양한 패턴의 이미지 이펙트를 따라 만들고 랜덤으로 나타나도록 처리합니다. 이 수업을 응용한다면 수강생 여러분의 독창적인 이펙트를 만들 수 있을 거라 생각되네요!

초급

JavaScript, HTML/CSS, 인터랙티브 웹

쉽고 빠르게 만드는 다양한 이미지 이펙트!

깡코딩

누구보다 빠르게 해보는 ChatGPT 클론코딩

Neo

ChatGPT를 클론코딩하며 처음부터 끝까지 직접 구현해보는 풀스택 실습 강의입니다. Spring Boot 서버와 React 프론트엔드까지 | Neo + Essential 단순히 코드만 따라 치는 강의가 아니라, 실제 서비스 배포를 통해 완성도 높은 AI 챗봇 서비스를 구축할 수 있도록 안내합니다.

초급

JavaScript, React, Java

누구보다 빠르게 해보는 ChatGPT 클론코딩

Neo

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

HTML / JS / CSS 만을 가지고 직접 심리 테스트 사이트를 만들고, 배포해보는 Project 사이트를 제작합니다.

초급

HTML/CSS, JavaScript, Bootstrap

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

개발 유형을 테스트하는 웹 페이지를 만들어보세요! MBTI아닌 MBIT(My Best IT personalities)! 'MBIT 테스트 페이지'를 직접 만들어보며 웹 개발의 전반적인 프로세스를 익혀볼 수 있습니다. (Django 3.1 버전을 사용합니다.)

초급

HTML/CSS, JavaScript, Django

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

[코드캠프] 시작은 프리캠프

코드캠프

코딩 부트캠프의 독보적인 커리큘럼으로 만든 강의입니다. 가장 기초적이고 실무에서 꼭 필요한 내용들로 구성되어 있어요. '누구나 가능한 개발자로의 커리어 전환' 이 강의로 시작하세요.

입문

HTML/CSS, JavaScript

[코드캠프] 시작은 프리캠프

코드캠프

[인프런 X 생활코딩] HTML과 인터넷

인프런

생활코딩의 첫 번째 웹 개발 강의, <WEB 1 - HTML & Internet> 리뉴얼 버전이 오직 인프런에서만 공개됩니다!

입문

HTML/CSS, JavaScript, netlify

[인프런 X 생활코딩] HTML과 인터넷

인프런

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

입문

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 ReactNative로 나만의 게시판을 만들어보세요!!

초급

JavaScript, React Native, Java

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기

Neo

따라하며 만드는 지뢰찾기 with HTML/CSS/JS

은옥

HTML, CSS, JS를 이용해 예전 윈도우에 기본적으로 설치되어 있던 지뢰찾기 게임을 만들어 봅시다.

입문

HTML/CSS, JavaScript, vanilla-javascript

따라하며 만드는 지뢰찾기 with HTML/CSS/JS

은옥

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

<1만 시간의 법칙> 웹 페이지 제작하기

제주코딩베이스캠프

제주코딩베이스캠프의 무료 강의가 돌아왔습니다!! 함께 1만 시간의 법칙 서비스를 만들어보고 Github에 배포까지 해봐요!! :) 아무것도 모르신다고요? 괜찮습니다. 이 강의에 모두 준비되어 있어요!

입문

HTML/CSS, JavaScript, VSCode

<1만 시간의 법칙> 웹 페이지 제작하기

제주코딩베이스캠프

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

너무나 어렵게만 느껴지는 알고리즘... 수학과 친하지 않은 수강생이라도 이 강의 하나로 알고리즘 기초를 한 번에 끝낼 수 있을 거예요! 알고리즘을 푸는 데 필요한 기초 개념을 차근차근 배우고, 더 나아가 문제에 적용하는 코드캠프의 노하우까지 싹 다 알려드릴게요 :)

초급

JavaScript

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

J.영

"2026년도 UIUX디자이너 |코딩하는 디자이너 에이전시 합격 포트폴리오 공개" 면접관의 눈길을 사로잡는 UIUX 웹 포트폴리오를 제작하는 실전 강의입니다. 단순한 포트폴리오 제작이 아닌, 인터랙션을 활용해 차별화된 결과물로 UIUX 디자이너로 취업 경쟁력을 높일 수 있도록 설계된 커리큘럼입니다.

초급

HTML/CSS, JavaScript, 웹앱

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

J.영