프로젝트 만들기

Name: 프로젝트 만들기
Price: 77000 KRW
Rating: 3.8 (6 reviews)

(3.8) 수강평 6개

수강생 40명

난이도 초급

수강기한 무제한

그린코딩

바닐라JS

바닐라JS

사람인

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

사람인

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

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

3.8

5.0

에스더리

5% 수강 후 작성

자세하고 이해쉬워요 계속 만들어주세요

5.0

김수현92

12% 수강 후 작성

입문자한테 완전 좋아요! 다만 타자 소리가 조금 큰게 약간 흠이기는 한데.. 입문자분들 문턱에 맞춰서 간단간단히 입문자가 어려워할 핵심개념설명도 해주시고 특히나 프론트엔드 개발자가 실습강좌가 단일 강좌치고는 너무 비싸서 조금 그랬는데., 10개의 프로젝트를 한번에 바닐라 자바스크립트라는 언어로 올린다는게 좋은거 같아요!

5.0

김유진

37% 수강 후 작성

강의 너무 좋아요 ㅎㅎ 다른 프로젝트도 만들어주셨으면 좋겠어요! 혹시 강의 코드제공은 안하시나요??!

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

화살표 기능

강의가 중지되었습니다.

.

이런 분들께
추천드려요

선수 지식,
필요할까요?

HTML, CSS 및 JavaScript에 대한 기본 지식

안녕하세요
입니다.

3,129

명

수강생

개

수강평

개

답변

4.8

점

강의 평점

개

강의

세상을 개발로 이롭게 하고 싶습니다.

*그린코딩 강좌사이트

https://greencoding.co.kr/

커리큘럼

전체

99개 ∙ (7시간 13분)

섹션 1. 소개 및 환경설정

3개 ∙ (3분)

1. 소개
01:12
2. 환경설정
02:24
3. 강의자료

섹션 2. 회원가입페이지

20개 ∙ (1시간 29분)

4. 1-intro
00:26
5. 1-html_1
01:48
6. 1-html_2
07:07
7. 1-html_3
00:47
8. 1-css_1
04:05
9. 1-css_2
01:58
10. 1-css_3
05:53
11. 1-css_4
06:21
12. 1-css_5
04:26
13. 1-css_6
03:39
14. 1-css_7
03:07
15. 1-css_8
01:45
16. 1-css_9
06:13
17. 1-css_10
04:15
18. 1-js_1
01:03
19. 1-js_2
05:08
20. 1-js_3
05:50
21. 1-js_4
04:12
22. 1-js_5
12:48
23. 1-js_6
08:43

섹션 3. 카네스블랙계산기

13개 ∙ (1시간 6분)

24. 2-intro
00:34
25. 2-html_1
00:38
26. 2-html_2
01:54
27. 2-html_3
02:23
28. 2-html_4
12:09
29. 2-css_1
04:58
30. 2-css_2
07:05
31. 2-js_1
01:50
32. 2-js_2
05:27
33. 2-js_3
05:00
34. 2-js_4
04:46
35. 2-js_5
10:00
36. 2-js_6
10:15

섹션 4. 트럼프의명언

10개 ∙ (1시간 2분)

섹션 5. 영화포스터(무한스크롤링)

8개 ∙ (30분)

섹션 6. 랜덤소개팅

8개 ∙ (28분)

섹션 7. 백엔드냐 프론트엔드냐

6개 ∙ (26분)

섹션 8. 워드타임어택

10개 ∙ (30분)

섹션 9. 음악을찾아줘

5개 ∙ (26분)

섹션 10. 대수능 시간타이머

6개 ∙ (24분)

섹션 11. 카네스블랙카페(TODO)

10개 ∙ (43분)

강의 게시일:

마지막 업데이트일:

수강평

전체

6개

3.8

6개의 수강평

에스더리
수강평 1
∙
평균 평점 5.0
5
5% 수강 후 작성
자세하고 이해쉬워요 계속 만들어주세요
김유진
수강평 1
∙
평균 평점 5.0
5
37% 수강 후 작성
강의 너무 좋아요 ㅎㅎ 다른 프로젝트도 만들어주셨으면 좋겠어요! 혹시 강의 코드제공은 안하시나요??!
김수현92
수강평 3
∙
평균 평점 5.0
5
12% 수강 후 작성
입문자한테 완전 좋아요! 다만 타자 소리가 조금 큰게 약간 흠이기는 한데.. 입문자분들 문턱에 맞춰서 간단간단히 입문자가 어려워할 핵심개념설명도 해주시고 특히나 프론트엔드 개발자가 실습강좌가 단일 강좌치고는 너무 비싸서 조금 그랬는데., 10개의 프로젝트를 한번에 바닐라 자바스크립트라는 언어로 올린다는게 좋은거 같아요!
YU NA Joe
수강평 4
∙
평균 평점 4.3
3
20% 수강 후 작성
소스코드좀 부탁드리겠습니다..ㅎ
새싹
수강평 1
∙
평균 평점 2.0
2
99% 수강 후 작성
약간 라이브 방송 좋아하시는 분에게는 같이 하면서 배우는 느낌이라 괜찮을 것 같은데 저랑은 안 맞는 것 같습니다. 5강 같은 경우는 중간에 아예 빠진 부분도 있네요 ----- 어머나, 댓글 이제 봤습니다. 치킨 먹었다고 생각할게요 :) 마음만으로도 감사합니다!

그린코딩님의 다른 강의

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

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

그린코딩

그냥 들어보세요. 강의력과 흡입력 그리고 강의의 질이 다릅니다.

Beginner

HTML/CSS, JavaScript, JSP

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

그린코딩

이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)

그린코딩

1인 IT 창업, 1인 사업가 모두 경험한 저자가 만든 솔직하고 담백하며 직관적이고 깊은 리액트+스프링부트 강좌 (도커, AWS, GITHUB-ACTIONS) 그냥 이거로 한 강좌로 통일 시켰습니다.

Beginner

React, AWS, Docker

이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)

그린코딩

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

그린코딩

꽉 찬 40시간 스프링 기반 풀스택 웹 개발 전면 무료 강의

Beginner

HTML/CSS, JavaScript, JSP

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

그린코딩

비슷한 강의

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

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

1분코딩

인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.

Intermediate

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

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

1분코딩

자바스크립트 제대로 배워볼래?

개발자의 품격

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

Basic

JavaScript, ES6, HTML/CSS

자바스크립트 제대로 배워볼래?

개발자의 품격

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!

Basic

JavaScript, vanilla-javascript, frontend

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

프론트엔드 마스터클래스

한상훈

웹 개발 최소 1년 이상의 학생 및 실무자들을 위한 고급 프론트엔드 강좌입니다. 가장 좋은 대상은 현업에서 2~3년 이상의 경험을 하고, 실력의 정체기 또는 대형 기업에서 고려해야하는 제품 구조에 대해 배우고 싶은 분들을 위해 만들어졌습니다.

Intermediate

JavaScript, React, 함수형 프로그래밍

프론트엔드 마스터클래스

한상훈

코어 자바스크립트

정재남

ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.

Basic

JavaScript

코어 자바스크립트

정재남

자바스크립트부터 리액트까지 [PART4/4] 포기없는 리액트로 가는 길

영코디 킴쌤

혹시, 리액트를 공부하다가 좌절하신 적이 있나요? 리액트의 기초가 되는 자바스크립트의 기본을 탄탄히 다진 후에 단계적으로 학습하여 포기하지 않고 리액트로 가는 길을 열어드립니다.

Beginner

JavaScript, ES6, TypeScript

자바스크립트부터 리액트까지 [PART4/4] 포기없는 리액트로 가는 길

영코디 킴쌤

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

이룸코딩

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

Basic

JavaScript

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

이룸코딩

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

Self-coding

부트스트랩5 (Bootstrap5)의 클래스, 컴포넌트 등 개념을 이해하고 이를 바탕으로 응용, 변형하고 실습으로 3개의 프로젝트를 제작해봅니다.

Basic

Bootstrap, HTML/CSS, JavaScript

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

Self-coding

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

만들면서 배우는 파이썬 웹개발 A to Z! 웹 기초부터 블로그 개발, 배포까지 한 번에 배워요.

Basic

Python, Django, Bootstrap

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

JetBrains JavaScript Day 2025

JetBrains

JetBrains JavaScript Day 2025의 모든 세션을 한자리에! 전 세계 JavaScript 전문가들이 모여 노하우, 아이디어, 그리고 실무 경험에서 얻은 통찰을 공유합니다. 빠르게 변화하는 JavaScript 생태계 속에서 앞서 나갈 수 있는 최신 정보를 만나보세요.

Basic

JavaScript

JetBrains JavaScript Day 2025

JetBrains

React 잘하는 개발자되기

성낙현(낙자쌤)

"리엑트 잘하는 개발자되기" 책이 출간되었습니다. 이 책은 리액트 학습 전에 필요한 웹의 기본 원리부터 최신 리액트 훅까지 체계적으로 안내하여 탄탄한 기초 지식을 제공합니다. 총 40개 이상의 다채로운 실전 프로젝트와 풍부한 실습 예제를 통해 이론을 실무에 바로 적용하며 문제 해결 능력을 키울 수 있습니다. 또한 리덕스 툴킷, 주스탠드, 파이어베이스 등 현대 웹 개발에 필수적인 기술들을 함께 익혀 완성도 높은 리액트 애플리케이션 개발자로 성장하도록 돕습니다.

Basic

JavaScript, React, Firebase

React 잘하는 개발자되기

성낙현(낙자쌤)

Azure Native로 나만의 GPT 만들기

정동형

Azure의 여러 리소스들을 사용해서 여러분들만의 GPT를 만들고, 배포하는 강의입니다. 처음부터 끝까지! 아무것도 없는 백지에서 완전한 서비스를 배포해봅시다!

Basic

Azure, FastAPI, MongoDB

Azure Native로 나만의 GPT 만들기

정동형

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

개발 까마귀

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

Beginner

HTML/CSS, JavaScript, Next.js

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

개발 까마귀

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

Basic

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

Intermediate

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js

김영보

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

Basic

NestJS, REST API, backend

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

제대로 배우는 Express.js: Part2 엔진 내부 동작 원리와 클론 프로젝트

nhcodingstudio

Express.js를 사용하는 수준을 넘어서, 실제로 그 내부 엔진을 처음부터 끝까지 직접 구현하며 진짜 서버의 동작 원리를 몸으로 체득하는 강의입니다. 라우터, 미들웨어, 요청-응답 객체, 정적 파일 처리, 템플릿 렌더링 등 Express의 모든 구성요소를 처음부터 직접 만들어보며 서버 개발자로 성장하는 경험을 제공합니다.

Basic

JavaScript, Node.js, Express

제대로 배우는 Express.js: Part2 엔진 내부 동작 원리와 클론 프로젝트

nhcodingstudio

생성형 AI로만 웹사이트 제작과 배포까지

JEngineer

AI 시대에 반드시 필요한 AI를 활용하여 최적의 결과물을 얻고 싶으신 분들을 위해 준비했습니다. 2시간 만에 AI 활용을 코딩으로 제대로 알아보실 수 있습니다.

Beginner

HTML/CSS, JavaScript, 업무 생산성

생성형 AI로만 웹사이트 제작과 배포까지

JEngineer

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

김영보

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

Basic

JavaScript, 면접, 기술면접

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

김영보

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

제주코딩베이스캠프

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

Basic

HTML/CSS, JavaScript, Django

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

제주코딩베이스캠프

프로젝트 만들기

3.8

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

.

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

그린코딩님의 다른 강의

비슷한 강의

이런 분들께
추천드려요

안녕하세요
입니다.