【한글자막】 100일 코딩 챌린지 - Web Development 부트캠프 from Udemy

100일동안 완성하는 웹 개발 부트캠프.
사전 지식이 없는 초보부터 웹 개발 지식이 있는 개발자까지.
연습 문제, 퀴즈, 과제, 데모 프로젝트 포함.

100일 코딩 챌린지 - 웹 개발 부트캠프 강의를 선택해야 하는 이유

웹 개발자가 되고 싶습니까?

이 과정은 초보자와 고급 개발자를 위한 강의입니다

이 과정은 여러분께 웹 개발을 가르치고 100일 안에 여러분을 웹 개발자로 만들어 줄 겁니다 - 또는 여러분이 핵심 필수 사항을 새로 고치고 기존 지식을 확장할 수 있게 해줍니다.

웹 개발자가 되는 것은 훌륭한 선택입니다. 웹 개발은 많은 경력 경로를 제공하고 웹 개발 기술은 오늘날 존재하는 거의 모든 비즈니스에 필요하기 때문이죠. 물론 이는 앞으로 더 늘어날 겁니다.

웹사이트뿐만 아니라 Uber 또는 AirBnB와 같은 모바일 앱에서 사용하는 "비하인드 스토리" 서비스에 관한 것이기도 합니다. 또한 구글 문서 도구와 같은 풍부한 웹 앱과 브라우저 게임에 관한 것이기도 하죠. 물론 페이스북과 같은 일반 웹사이트, 온라인 블로그, 아마존과 같은 온라인 상점 등에 대해서도 마찬가지입니다.

따라서 웹 개발자의 수요가 높다는 것은 놀라운 일이 아닙니다. 그리고 훌륭한 직업 관점 외에도 웹 개발자로서 여러분만의 디지털 비즈니스를 쉽게 구축할 수도 있습니다.

이 과정은 여러분을 위한 겁니다.

이 과정은 처음부터 웹 개발을 가르치고 이 과정에 포함된 '100 Days Of Code Challenge' 덕분에(참여하는 것은 선택 사항이지만요. ) 이 코스의 도움을 받으면 100일 안에 웹 개발자가 될 수 있습니다.

이 과정을 시작하기 위해 사전 웹 개발 지식이 전혀 필요하지 않습니다. 우리는 모든 중요한 기본 사항, 모든 기본 사항과 모든 핵심 개념을 함께 단계별로 탐구할 겁니다.

그러나 이 과정은 이미 웹 개발 지식이 있는 고급 과정 학생을 위한 것이기도 합니다. 심화 과정이므로

대규모 코스이기 때문에 코스는 모듈식으로 구성됩니다. 즉, 단계별로, 강의별로 진행할 수 있지만 가장 흥미로운 코스 섹션으로 바로 이동할 수도 있습니다. 물론 모든 강의와 섹션이 서로를 기반으로 하기때문에 초보자에게는 '단계별' 접근 방식을 권장합니다. 하지만 경험이 많은 웹 개발자라면 관심이 없는 기본 사항은 건너뛸 수 있습니다.

100일의 코드 챌린지

우리는 "100일 간의 코드 챌린지"를 염두에 두고 이 과정을 만들었습니다. 이 챌린지는 100일 동안 하루에 1시간 이상 코딩하도록 동기를 부여하는 것을 목표로 합니다.

이 과정은 방대한 과정(약 80시간의 콘텐츠 포함. )이기 때문에 너무 부담스러울 수 있어요. 우리는 많은 학생들이 과정을 마치지 못한다는 것을 알고 있습니다.

이 과정은 콘텐츠, 연습 문제, 퀴즈, 과제 그리고 데모 프로젝트로 가득 차 있기 때문에 안타까운 일이에요. 우리는 브라우저 게임, 블로그, 여행 웹사이트, 온라인 상점 등을 구축해 볼 겁니다.

따라서 하루에 1~2시간씩 동영상 시청과 학습을 통해 100일 안에 처음부터 끝까지 이 과정을 수강할 수 있는 방법을 정확히 제공해 드립니다. 과정의 일부로 명확한 구조를 제공하는 도우미 웹 사이트에 액세스할 수 있으며 과정 커리큘럼에서 주석을 바로 찾을 수도 있습니다.

물론 이 "100일" 도전은 선택 사항입니다. 여러분의 속도에 맞춰 코스를 수강하고 관심이 없는 콘텐츠는 건너뛸 수도 있습니다.

위험 부담 없이 사용해 보세요

이 과정은 30일 환불 보장과 함께 제공됩니다. 여러분을 위한 내용이 아님을 알게 되면 질문 없이 환불 받을 수 있습니다.

100일 코딩 챌린지 - 웹 개발 부트캠프 강의의 세부 커리큘럼

이 강의는 콘텐츠로 가득 찬 거대한 과정이며 우리가 웹 개발을 배웠을 때 갖고 싶었을 웹 개발 부트캠프입니다.

다음은 이 과정의 일부로 살펴볼 주요 개념에 대한 요약입니다.

웹 작동 방식
핵심 기술:
다시: 모든 고급 개념을 연습하기 위해 많은 프로젝트(예: 완전한 온라인 상점, 처음부터. )를 구축하기
웹사이트에서 타사 패키지 및 서비스(예: 결제용 스트라이프)를 사용하는 방법 알아보기
REST API 구축과 같은 보다 전문화된 고급 개념으로 이동하기
Vue.js와 같은 프론트엔드 자바 스크립트 프레임워크를 탐색하여 더욱 강력한 웹 사용자 인터페이스 구축하기
그 밖에도 - 전체 커리큘럼을 확인하여 전체 목록을 얻어보세요.

강의를 들으시고 강의와 관련하여 궁금하신 점은 무엇이든 Q&A에 남기실 수 있지만, 꼭 영어로 남겨주세요. 그래야 답변을 드릴 수 있습니다. :)

여러분과 함께 이 여정을 시작하고 싶습니다. 그럼 이제 시작하겠습니다.

맥스 & 마누엘

What's inside

Syllabus

Get started with this course and learn what web development is, what this course offers and learn about the different ways of taking this course!

Every website is built with HTML. It defines and describes the content and structure of your page. Time to check your knowledge!

이 지침 동영상을 시청하여 과제를 이해하세요.

첫번째 과제에서 가장 어려웠던 부분은 무엇이었으며 어떻게 극복하셨습니까?

이 강의에서 저의 솔루션 영상을 보고 본인의 솔루션과 비교해보십시오.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Provides a '100 Days of Code Challenge' to motivate learners to code for at least one hour per day, which can help beginners build consistency

Teaches HTML and CSS, which are fundamental technologies for structuring and styling web content, and are essential for any aspiring web developer

Includes practice exercises, quizzes, assignments, and demo projects, offering a comprehensive learning experience suitable for both beginners and advanced learners

Covers using third-party packages and services in websites, such as Stripe for payments, which is relevant for building e-commerce applications

Explores front-end JavaScript frameworks like Vue.js for building more powerful web user interfaces, which is beneficial for advanced web developers

Teaches REST API construction, a specialized and advanced concept, which is useful for building complex web applications and services

Reviews summary

100일 웹 개발 부트캠프: 포괄적인 여정

수강생들은 이 강좌가 방대한 분량과 구조화된 100일 챌린지를 통해 초보자도 웹 개발자가 될 수 있도록 설계되었다고 말합니다. HTML, CSS와 같은 핵심 기술부터 Vue.js, REST API 같은 고급 개념까지 폭넓게 다루며, 다양한 데모 프로젝트(브라우저 게임, 블로그, 온라인 상점 등)를 통해 실습 중심의 학습 경험을 제공합니다. 경험이 있는 학습자는 모듈식 구성을 활용하여 원하는 섹션만 골라 들을 수 있습니다. 다만, Q&A는 영어로 진행해야 한다는 점과 긴 강의 분량으로 완주가 도전적일 수 있다는 점은 고려해야 합니다.

기존 지식 새로고침 및 확장 가능

"이미 웹 개발 지식이 있지만, 핵심 필수 사항을 새로 고치기에 좋았습니다."

"심화 과정으로 기존 지식을 확장할 수 있었습니다."

"관심 없는 기본은 건너뛰고 원하는 부분만 들을 수 있어 유용했습니다."

사전 지식 없이 시작하기 좋음

"웹 개발 지식이 전혀 없었지만 쉽게 시작할 수 있었습니다."

"모든 기본 사항을 단계별로 잘 설명해 줍니다."

"처음부터 핵심 개념을 함께 탐구할 수 있었습니다."

이론을 적용하는 실제 경험 제공

"데모 프로젝트를 통해 직접 코드를 작성하고 만들어 볼 수 있습니다."

"브라우저 게임, 온라인 상점 등 다양한 프로젝트가 포함되어 있습니다."

"이론 학습 후 바로 실습할 수 있어서 이해가 빨랐습니다."

다양한 웹 개발 기술을 폭넓게 학습

"HTML, CSS 기본부터 시작해서 Vue.js까지 배울 수 있었습니다."

"웹 작동 방식부터 REST API 구축까지 다룹니다."

"핵심 기술과 고급 개념을 모두 배울 수 있다는 점이 좋았습니다."

학습 동기를 부여하고 체계적인 진행 지원

"100일 안에 웹 개발자가 될 수 있도록 동기를 부여받았습니다."

"매일 1-2시간 학습하는 구조가 좋았습니다."

"100일 완주 목표가 학습에 큰 도움이 됩니다."

질문 소통 시 언어 장벽 존재 가능

"Q&A는 영어로만 가능해서 질문하기가 어려웠습니다."

"한국어 자막이 있지만 질문은 영어로 해야 하는 점이 아쉽습니다."

"궁금한 점을 한국어로 편하게 물어볼 수 없었습니다."

완주에 시간과 노력이 필요함

"100일 안에 모두 수강하는 것이 도전적일 수 있습니다."

"약 80시간 분량으로 강의가 매우 길고 많습니다."

"너무 방대해서 중간에 포기하지 않도록 관리가 필요합니다."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in 【한글자막】 100일 코딩 챌린지 - Web Development 부트캠프 with these activities:

HTML 기본 사항 복습

Show steps

HTML 기본 사항을 복습하여 웹 페이지 구조에 대한 탄탄한 기반을 구축하세요. 이 과정은 HTML을 광범위하게 다루므로 사전 지식이 있으면 도움이 됩니다.

Browse courses on HTML

Show steps

HTML 요소 및 속성 검토
기본 HTML 문서 구조 연습
HTML 튜토리얼 또는 온라인 리소스 활용

CSS 기본 사항 복습

Show steps

CSS 기본 사항을 복습하여 웹 페이지 스타일링에 대한 탄탄한 기반을 구축하세요. 이 과정은 CSS를 광범위하게 다루므로 사전 지식이 있으면 도움이 됩니다.

Browse courses on CSS

Show steps

CSS 박스 모델 연습
CSS 선택자 및 속성 검토
CSS 튜토리얼 또는 온라인 리소스 활용

개인 포트폴리오 웹사이트 구축

Show steps

개인 포트폴리오 웹사이트를 구축하여 HTML, CSS 및 JavaScript 기술을 연습하고 실제 경험을 쌓으세요. 이 과정에서 배운 내용을 적용하고 창의력을 발휘할 수 있습니다.

Show steps

웹사이트 레이아웃 디자인
HTML을 사용하여 콘텐츠 구조화
CSS를 사용하여 스타일링
JavaScript를 사용하여 상호 작용 추가
웹사이트 호스팅 및 배포

Four other activities

Expand to see all activities and additional details

Show all seven activities

JavaScript 코딩 연습

Show steps

JavaScript 코딩 연습을 통해 JavaScript 기본 사항을 강화하고 문제 해결 능력을 향상시키세요. 이 과정은 JavaScript를 다루므로 꾸준한 연습이 중요합니다.

Show steps

온라인 코딩 플랫폼에서 JavaScript 문제 해결
JavaScript 튜토리얼 및 연습 문제 활용
다른 개발자와 함께 코드 검토

모던 JavaScript 튜토리얼

Show steps

JavaScript 기술을 향상시키고 웹 개발 프로젝트에 적용하는 데 도움이 됩니다. 이 책은 JavaScript의 기본 문법부터 고급 개념까지 자세하게 설명하므로 웹 개발 부트캠프 과정에서 JavaScript를 배우는 데 도움이 됩니다.

View Putting Knowledge to Work on Amazon

Show steps

책을 읽고 JavaScript 기본 사항 학습
책에 있는 예제 코드 따라하기
개인 프로젝트에 JavaScript 적용

리액트를 다루는 기술

Show steps

리액트 기술을 배우고 웹 개발 프로젝트에 적용하는 데 도움이 됩니다. 이 책은 리액트의 기본 개념부터 고급 주제까지 다루므로 웹 개발 부트캠프 과정에서 리액트를 배우는 데 도움이 됩니다.

View 리액트 네이티브를 다루는 기술 on Amazon

Show steps

책을 읽고 리액트 기본 사항 학습
책에 있는 예제 코드 따라하기
개인 프로젝트에 리액트 적용

웹 개발 학습 블로그 운영

Show steps

웹 개발 학습 블로그를 운영하여 학습 내용을 정리하고 다른 사람들과 공유하세요. 이 과정에서 배운 내용을 복습하고 이해도를 높일 수 있습니다.

Show steps

블로그 플랫폼 선택 (예: Medium, Velog)
웹 개발 관련 주제 선정
정기적으로 콘텐츠 게시
다른 블로거들과 소통

Career center

Learners who complete 【한글자막】 100일 코딩 챌린지 - Web Development 부트캠프 will develop knowledge and skills that may be useful to these careers:

웹 개발자

웹 개발자는 웹 사이트 및 웹 애플리케이션을 설계, 구축 및 유지 관리합니다. 이 과정은 웹 개발의 기초부터 고급 주제까지 다루므로 웹 개발자가 되기 위한 완벽한 출발점입니다. 100일 코딩 챌린지는 웹 개발자가 실제 프로젝트를 통해 기술을 연마하고 포트폴리오를 구축하는 데 도움이 됩니다. 또한 이 과정은 웹 개발자가 다양한 경력 경로를 탐색하고 자신만의 디지털 비즈니스를 구축하는 데 필요한 지식과 자신감을 제공합니다.

See salaries and explore the career path for 웹 개발자

프론트엔드 개발자

프론트엔드 개발자는 웹 사이트 및 애플리케이션의 사용자 인터페이스를 구축합니다. 이 과정은 웹 개발자가 되는 데 필요한 핵심 기술을 제공하며, 100일 동안의 코딩 챌린지를 통해 실력을 빠르게 향상시킬 수 있습니다. 특히 HTML, CSS 및 JavaScript와 같은 프론트엔드 기술에 대한 심층적인 이해를 쌓을 수 있습니다. 프론트엔드 개발자가 되기 위해 이 과정에서 제공하는 다양한 데모 프로젝트와 과제를 통해 실제 개발 경험을 쌓을 수 있습니다.

See salaries and explore the career path for 프론트엔드 개발자

웹 애플리케이션 개발자

웹 애플리케이션 개발자는 웹 기반 애플리케이션을 설계, 개발 및 배포합니다. 이 과정은 웹 애플리케이션 개발자가 웹 개발의 모든 측면을 이해하고 웹 애플리케이션을 구축하는 데 필요한 기술을 제공합니다. 웹 애플리케이션 개발자는 이 과정에서 사용자 인터페이스, 서버 측 로직 및 데이터베이스 관리 시스템에 대한 지식을 쌓을 수 있습니다. 웹 애플리케이션 개발자는 이 과정을 통해 혁신적인 웹 애플리케이션을 개발하고 배포하는 데 기여할 수 있습니다.

See salaries and explore the career path for 웹 애플리케이션 개발자

풀스택 개발자

풀스택 개발자는 프론트엔드 및 백엔드 웹 개발 모두에 능숙합니다. 이 과정은 풀스택 개발자가 되기 위한 기초를 다지는 데 도움이 됩니다. 이 과정은 풀스택 개발자가 웹 개발의 모든 측면을 이해하고 다양한 기술을 효과적으로 사용하는 데 필요한 도구를 제공합니다. 특히, 프론트엔드 프레임워크와 백엔드 API 구축에 대한 지식을 쌓을 수 있습니다. 풀스택 개발자는 이 과정을 통해 웹 개발 프로젝트를 처음부터 끝까지 관리할 수 있는 능력을 키울 수 있습니다.

See salaries and explore the career path for 풀스택 개발자

프론트엔드 엔지니어

프론트엔드 엔지니어는 웹 애플리케이션의 사용자 인터페이스를 개발하고 유지 관리합니다. 이 과정은 프론트엔드 엔지니어가 현대적인 웹 개발 기술을 익히고 복잡한 UI 문제를 해결하는 데 필요한 도구를 제공합니다. 프론트엔드 엔지니어는 이 과정에서 JavaScript 프레임워크, UI 라이브러리 및 웹 성능 최적화 기술에 대한 전문 지식을 쌓을 수 있습니다. 프론트엔드 엔지니어는 이 과정을 통해 더 높은 수준의 웹 개발 역량을 갖추게 됩니다.

See salaries and explore the career path for 프론트엔드 엔지니어

UI 개발자

UI 개발자는 사용자 인터페이스를 설계하고 구현하여 웹 애플리케이션의 접근성과 사용성을 향상시킵니다. 이 과정은 UI 개발자가 HTML, CSS 및 JavaScript와 같은 핵심 웹 기술을 마스터하는 데 도움이 됩니다. UI 개발자는 이 과정을 통해 반응형 디자인, UI 프레임워크 및 사용자 경험 (UX) 디자인 원칙에 대한 지식을 쌓을 수 있습니다. UI 개발자는 100일 코딩 챌린지를 통해 다양한 프로젝트를 진행하며 실무 경험을 쌓을 수 있습니다.

See salaries and explore the career path for UI 개발자

소프트웨어 엔지니어

소프트웨어 엔지니어는 소프트웨어 시스템을 설계, 개발 및 테스트합니다. 이 과정은 소프트웨어 엔지니어가 웹 개발 기술을 습득하고 웹 기반 애플리케이션을 구축하는 데 도움이 됩니다. 웹 개발 부트캠프는 소프트웨어 엔지니어가 웹 개발 분야에서 경쟁력을 확보하고 새로운 기회를 탐색하는 데 필요한 지식을 제공합니다. 이 과정을 통해 소프트웨어 엔지니어는 다양한 프로그래밍 언어와 기술을 익히고 실제 프로젝트에 적용할 수 있습니다.

See salaries and explore the career path for 소프트웨어 엔지니어

웹 디자이너

웹 디자이너는 웹 사이트의 시각적 레이아웃과 사용자 경험을 설계합니다. 이 과정은 웹 디자이너가 HTML 및 CSS를 사용하여 자신의 디자인을 실제로 구현하는 데 필요한 기술을 제공합니다. 웹 디자이너는 이 과정에서 웹 표준, 반응형 디자인 및 사용자 인터페이스 (UI) 디자인에 대한 이해를 높일 수 있습니다. 웹 디자이너는 이 과정을 통해 디자인 기술과 코딩 기술을 결합하여 더 나은 웹 경험을 창출할 수 있습니다.

See salaries and explore the career path for 웹 디자이너

백엔드 개발자

백엔드 개발자는 서버 측 로직, 데이터베이스 및 API를 구축하여 웹 애플리케이션의 기능을 구현합니다. 이 과정은 백엔드 개발자가 웹 애플리케이션의 기초를 이해하고 REST API를 구축하는 데 필요한 기술을 제공합니다. 백엔드 개발자는 이 과정을 통해 서버 측 프로그래밍 언어, 데이터베이스 관리 시스템 및 API 설계 원칙에 대한 지식을 쌓을 수 있습니다. 백엔드 개발자는 이 과정을 통해 웹 애플리케이션의 성능과 안정성을 향상시키는 데 기여할 수 있습니다.

See salaries and explore the career path for 백엔드 개발자

이커머스 개발자

이커머스 개발자는 온라인 상점을 구축하고 관리하며, 전자 상거래 플랫폼을 최적화합니다. 이 과정은 이커머스 개발자가 웹 개발 기술을 활용하여 온라인 상점을 구축하고 관리하는 데 필요한 기술을 제공합니다. 이커머스 개발자는 이 과정에서 결제 시스템 통합, 제품 카탈로그 관리 및 고객 경험 최적화에 대한 지식을 쌓을 수 있습니다. 이커머스 개발자는 이 과정을 통해 성공적인 온라인 비즈니스를 구축하고 성장시키는 데 기여할 수 있습니다.

See salaries and explore the career path for 이커머스 개발자

웹 콘텐츠 개발자

웹 콘텐츠 개발자는 웹 사이트 및 애플리케이션을 위한 콘텐츠를 생성, 관리 및 업데이트합니다. 이 과정은 웹 콘텐츠 개발자가 HTML 및 CSS를 사용하여 자신의 콘텐츠를 효과적으로 표시하는 데 필요한 기술을 제공합니다. 웹 콘텐츠 개발자는 이 과정에서 웹 접근성, 검색 엔진 최적화 (SEO) 및 콘텐츠 마케팅에 대한 이해를 높일 수 있습니다. 웹 콘텐츠 개발자는 이 과정을 통해 매력적이고 유용한 웹 콘텐츠를 제작할 수 있습니다.

See salaries and explore the career path for 웹 콘텐츠 개발자

웹마스터

웹마스터는 웹 사이트의 기술적인 측면을 관리하고 유지 관리합니다. 이 과정은 웹마스터가 웹 사이트의 성능, 보안 및 가용성을 보장하는 데 필요한 기술을 제공합니다. 웹마스터는 이 과정에서 서버 관리, 데이터베이스 관리 및 웹 보안에 대한 지식을 쌓을 수 있습니다. 웹마스터는 이 과정을 통해 웹 사이트의 안정적인 운영을 지원하고 사용자 경험을 향상시키는 데 기여할 수 있습니다.

See salaries and explore the career path for 웹마스터

디지털 마케터

디지털 마케터는 온라인 채널을 통해 제품 또는 서비스를 홍보하고 판매합니다. 이 과정은 디지털 마케터가 웹 개발의 기본 사항을 이해하고 웹 사이트를 최적화하여 마케팅 목표를 달성하는 데 도움이 됩니다. 디지털 마케터는 이 과정에서 웹 분석, 검색 엔진 최적화 (SEO) 및 콘텐츠 마케팅에 대한 지식을 쌓을 수 있습니다. 디지털 마케터는 이 과정을 통해 웹 사이트를 효과적인 마케팅 도구로 활용할 수 있습니다.

See salaries and explore the career path for 디지털 마케터

기술 지원 전문가

기술 지원 전문가는 고객에게 기술 지원을 제공하고 기술 문제를 해결합니다. 이 과정은 기술 지원 전문가가 웹 개발 관련 문제를 이해하고 해결하는 데 도움이 됩니다. 기술 지원 전문가는 이 과정에서 웹 기술 기본 사항, 문제 해결 기술 및 고객 서비스 기술을 향상시킬 수 있습니다. 기술 지원 전문가는 이 과정을 통해 웹 관련 기술 문제에 대한 전문 지식을 갖추게 됩니다.

See salaries and explore the career path for 기술 지원 전문가

IT 컨설턴트

IT 컨설턴트는 기업이 IT 인프라 및 전략을 개선하도록 돕습니다. 이 과정은 IT 컨설턴트가 웹 개발 기술을 이해하고 기업이 웹 기반 솔루션을 구현하도록 조언하는 데 도움이 될 수 있습니다. IT 컨설턴트는 이 과정에서 웹 개발 트렌드, 기술 평가 및 IT 전략 수립에 대한 지식을 쌓을 수 있습니다. IT 컨설턴트는 이 과정을 통해 기업이 웹 기술을 효과적으로 활용하도록 돕는 데 기여할 수 있습니다. 이 과정이 *may* be useful for a career in IT consulting.

See salaries and explore the career path for IT 컨설턴트

【한글자막】 100일 코딩 챌린지 - Web Development 부트캠프

What's inside

Syllabus

Traffic lights

Save this course

Reviews summary

100일 웹 개발 부트캠프: 포괄적인 여정

Activities

Career center

Reading list

Share

Similar courses