[웹 개발 풀스택 코스] HTML&CSS 기초

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 HTML&CSS에 대한 강의입니다. 이 강의를 통해 웹 개발의 뼈대인 HTML과 웹을 아름답게 만드는 CSS에 대해서 이해하게 됩니다.

(4.9) 수강평 91개

수강생 5,032명

개발자의 품격

HTML/CSS

입문자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

이런 걸 배울 수 있어요

HTML 기본 태그
글로벌 속성과 로컬 속성
시맨틱 태그
글꼴, 목록, 색상, 표 스타일링
레이아웃 디자인
반응형 웹

잘 읽히는 웹, 빠른 웹 구현을 위한 기초!
HTML & CSS를 제대로 배워보세요 ✨

✅ 이 강의는 [풀스택 웹 개발자 로드맵] 시리즈 강의입니다.

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈 중 HTML&CSS에 대해 다루는 기초 강의입니다.
웹 개발 풀스택 코스는 HTML&CSS → 바닐라 자바스크립트 → 부트스트랩 → Vue.js → 데이터베이스 → Node.js → 포트폴리오까지 풀스택 웹 개발을 위한 전 과정을 포함하고 있습니다.
웹 개발 풀스택 코스를 모두 수강하면 여러분은 웹 개발에 대한 기초 뿐만 아니라 실무에 바로 적용할 수 있는 기술을 익히게 됩니다.

What is HTML/CSS?

HTML5 & CSS3

웹을 이루는 근간 기술인 HTML과 CSS는 모든 것을 연결하기 위해 탄생한 언어입니다.

HTML은 Hyper Text Markup Language의 약자입니다. Hyper, Text, Markup, Language 이렇게 네 개의 단어로 이루어져 있습니다. 이 단어 가운데 가장 중요한 단어는 Hyper입니다. HTML을 이해하는 데 가장 중요한 힌트를 하이퍼링크(Hyperlink)에서 얻을 수 있기 때문입니다.

종이 시대의 문자가 아닌 웹 브라우저 또는 워드 같은 문서 작성 도구에서 여러분은 하이퍼링크라는 기능을 통해 동영상, 음악, 사진, 파일, 글 등의 특정 위치를 연결할 수 있습니다. 하이퍼링크는 문서 안에서 모든 형식의 자료를 연결하고 가리킬 수 있는 참조 고리입니다. 초기 웹에 <a> 태그와 같은 하이퍼링크의 기능을 하는 태그가 있었다는 것은 정말 놀라운 일이 아닐 수 없습니다. 웹을 이루는 근간 기술인 HTML은 결국 모든 것을 연결하기 위해 탄생했다고 보면 됩니다.

Hyper는 '초월'이라는 의미를 가지고 있고 Text는 '문자'를 의미합니다. 즉 Hyper Text는 문자와 문자, 문장과 문장, 문서와 문서가 서로 유기적으로 연결이 되어 소통할 수 있는 일반 문자를 초월한 문자인 셈입니다.

HTML은 이러한 Hyper Text를 마크업(Markup) 할 수 있는 언어(Language)입니다. 여기서 마크업이란 문서 내용 이외에도 문서의 서식, 구조 등을 표현하기 위한 정보입니다. HTML은 이러한 마크업 정보를 표현할 수 있는 언어로 웹의 뼈대에 해당합니다.

한편 CSS(Cascading Style Sheets)는 HTML이라는 뼈대에 예쁜 옷을 입히는 디자인을 담당하는 언어입니다. CSS를 통해 웹의 레이아웃, 색상, 폰트, 크기 등에 대한 디자인을 적용할 수 있게 됩니다.

HTML&CSS, 왜 배워야 할까요?

HTML/CSS를 배우지 않고는 웹 개발자가 될 수 없습니다.

잘 읽히는 웹과 그렇지 못한 웹에 대해서 생각해 본 적 있으신가요? 우리는 매일 책, TV, 매거진, 블로그 등 수많은 글을 읽으면서 살아갑니다. 그런데 어떤 글은 잘 읽히고 어떤 글을 잘 읽히지 않습니다. 웹 개발자가 작성한 코드도 마찬가지입니다. 사람의 눈에는 보이지 않지만, 검색 엔진과 스크린 리더 같은 소프트웨어를 통해 읽힙니다. 검색 엔진과 스크린 리더기는 웹 페이지를 통해 눈에 보이지 않는 웹을 이루는 코드를 해석하고 우리가 개발한 웹 페이지를 해석합니다. 소프트웨어가 잘 읽고 이해할 수 있는 코드를 작성하려면 어떻게 해야 할까요? 그리고 그것은 왜 중요할까요?

잘 읽히는 글을 작성하는 방법은 "간단 명료하게" 쓰는 것입니다. 개발자가 작성한 코드 역시 마찬가지입니다. 마크업을 작성할 때 불필요한 태그는 제거하고 페이지를 구성하기 위해 필요한 태그만으로 구조를 간단하게 해야 합니다.

오늘날 웹은 잘 익혀야 될 뿐만 아니라 빨라야 합니다. 구글 연구에 따르면 웹 페이지를 로드하는데 5초 이상 걸리면 방문자가 페이지를 이탈할 가능성이 90% 증가한다고 합니다. 브라우저 렌더링 과정을 이해하고, 페이지 내에서 사용하는 리소스를 최적화해서 잘 읽힐 뿐만 아니라 빠른 웹을 제공해야 합니다. 때문에 좋은 웹을 개발하기 위해서는 웹을 이루는 근본 언어인 HTML과 CSS에 대한 기초를 탄탄하게 쌓아야 합니다.

이 강의의 특징!

_{쉽고 자세하게}

_{실무 응용 중심}

_{예제 코드까지!}

웹 개발 라이프 사이클을 이해할 수 있게 알려드립니다.
HTML이 무엇인지 이해합니다.
HTML을 구성하는 각 태그에 대한 정확인 사용법을 알게 됩니다.
모바일 사용자, 시각 장애인을 배려한 태그 작성 방법을 알게 됩니다.
CSS의 기초 구문을 모두 익히게 됩니다.
레이아웃을 만들기 위한 CSS를 배우고, 반응형 웹을 구현할 수 있게 됩니다.
모든 예제 코드는 깃허브를 통해 제공됩니다.

무엇을 배우나요?

_VSCode

_HTML/CSS

_Node.js

개발 IDE 툴로는 비주얼스튜디오코드(Visual Studio Code)를 사용합니다. 비주얼스튜디오코드를 이용한 개발 방법 및 유용한 확장 프로그램을 알게 됩니다.
Node.js(노드JS)를 설치하고, Node.js가 무엇인지 알 수 있습니다.
웹에 대한 이해와 웹 개발을 위한 기획에서 개발 및 테스트까지의 전과정을 알 수 있습니다.
HTML 기본 태그를 모두 배웁니다.
HTML 태그에 대한 글로벌 속성과 로컬 속성을 배웁니다.
시맨틱 태그를 알게 되고, 의미에 맞는 태그를 사용할 수 있게 됩니다.
CSS를 통해 색상, 글꼴, 목록, 표 등에 대한 스타일링 방법을 알게 됩니다.
레이아웃을 만들기 위한 CSS를 익혀서 반응형 웹을 구현할 수 있게 됩니다.

_{HTML 기본 구조 및 기본 요소}

_{레이아웃을 만들기 위한 CSS}

이 강의를 만든 사람은
누구일까요?

개발자의 품격

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고, 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT 스타트업 대표이사이기도 해요.

개발자뿐만 아니라 UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전 과정에 대한 수많은 경험을 쌓았습니다. 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식을 나누는 일을 하고 있어요.

더 알아볼까요?

유튜브 ‘개발자의품격’ 채널을 통해 200여개의 유용한 강의 영상을 제공하고 있어요.
'바닐라 자바스크립트', 'Vue.js 프로젝트 투입 일주일 전', 'Node.js 프로젝트 투입 일주일 전', '개발자가 되기 위해 꼭 알아야 하는 IT 용어', ‘디자인 씽킹을 넘어 프로그래밍 씽킹으로’, 'The Essentials of Smart Contract Development for Solidity Developers', '저는 아직 아이들에게 코딩을 가르치지 않습니다' 책의 저자입니다.
오라일리의 '러닝 타입스크립트'을 번역한 역자입니다.

[웹 개발 풀스택 코스] 시리즈 모아보기

[웹 개발 풀스택 코스] HTML&CSS 기초

개발자의 품격

무료

입문 / HTML/CSS

4.9

(91)

5,000+

입문

HTML/CSS

[웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지

개발자의 품격

₩264,000

초급 / JavaScript, vanilla-javascript

5.0

(4)

100+

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈 중 자바스크립트에 대한 강의입니다. 이 강의는 지식공유자의 저서 <바닐라 자바스크립트>의 내용을 바탕으로 만들어진 강의입니다.

초급

JavaScript, vanilla-javascript

[웹 개발 풀스택 코스] 부트스트랩 기초

개발자의 품격

무료

초급 / Bootstrap

5.0

(26)

1,500+

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 부트스트랩 기초에 대한 강의입니다. 부트스트랩에 대한 기초를 배우고 고품질의 반응형 웹을 빠르게 구축할 수 있는 방법을 알게 됩니다.

초급

Bootstrap

[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

₩242,000

초급 / Vue.js

5.0

(6)

200+

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 프론트엔드 부분에 대한 강의입니다. 이 강의는 강사의 저서 <Vue.js 프로젝트 투입 일주일 전>의 내용을 바탕으로 만들어진 강의입니다.

초급

Vue.js

[웹 개발 풀스택 코스] 넷플릭스와 당근마켓 분석을 통해서 배우는 데이터베이스 기초

개발자의 품격

무료

입문 / DBMS/RDBMS, MySQL, SQL

5.0

(13)

2,500+

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 데이터베이스 기초에 대한 강의입니다. 이 강의는 넷플릭스와 당근마켓을 분석하면서 데이터베이스에 대한 설계를 이해하는 과정입니다. 기본적인 데이터베이스 설계 원리와 SQL를 배울 수 있는 기초 강의입니다.

입문

DBMS/RDBMS, MySQL, SQL

[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

₩165,000

초급 / Node.js, MySQL, Express, MongoDB, Socket.io, 웹 크롤링

5.0

(8)

100+

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 백엔드 부분에 대한 강의입니다. 이 강의는 강사의 저서 <Node.js 프로젝트 투입 일주일 전>의 내용을 바탕으로 만들어진 강의입니다.

초급

Node.js, MySQL, Express

[웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발

개발자의 품격

₩121,000

초급 / 포트폴리오, 웹앱

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 최종편인 포트폴리오용 프로젝트 개발 대한 강의입니다. [웹 개발 풀스택 코스]에서 배운 모든 내용을 종합하여 실제 웹 애플리케이션을 개발하면서 배운 내용을 이해하고 기본이 되는 기능을 직접 적용해볼 수 있게 됩니다.

초급

포트폴리오, 웹앱

이런 분들께
추천드려요!

학습 대상은
누구일까요?

웹 개발자가 되고 싶은 사람
코딩을 처음 시작하는 사람
HTML을 배우고 싶은 사람
CSS을 배우고 싶은 사람

선수 지식,
필요할까요?

선수 지식 없이 누구나 들을 수 있습니다.

안녕하세요
개발자의 품격입니다.

10,461

명

수강생

221

개

수강평

152

개

답변

4.9

점

강의 평점

개

강의

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

유튜브 ‘개발자의품격’ 채널을 통해 200여개의 유용한 강의 영상을 제공하고 있어요.
'바닐라 자바스크립트', 'Vue.js 프로젝트 투입 일주일 전', 'Node.js 프로젝트 투입 일주일 전', '개발자가 되기 위해 꼭 알아야 하는 IT 용어', ‘디자인 씽킹을 넘어 프로그래밍 씽킹으로’, 'The Essentials of Smart Contract Development for Solidity Developers', '저는 아직 아이들에게 코딩을 가르치지 않습니다' 책의 저자입니다.
오라일리의 '러닝 타입스크립트'을 번역한 역자입니다.

(현)주식회사 더그레잇 대표이사
(현)주식회사 썬슈어 CTO
(현)주식회사 리턴밸류 CTO
(현)팬임팩트코리아 유한회사 기술전문위원

이메일 - seungwon.go@gmail.com

커리큘럼

전체

33개 ∙ (14시간 46분)

해당 강의에서 제공:

수업자료

섹션 1. HTML

16개 ∙ (6시간 57분)

웹에 대한 이해와 웹개발 라이프사이클
21:06
개발 환경 구성
15:04
HTML 기본 구조 및 기본 요소
55:37
글로벌 속성과 로컬 속성
42:19
style 속성
11:54
의미에 맞는 태그 사용하기
33:27
목록 태그
10:58
표 태그
19:36
form 요소
59:32
input 요소의 주요 속성
21:22
그 외 form 요소
24:35
form 태그
21:44
iframe
21:49
비디오와 오디오
20:24
map 태그
22:50
시맨틱 태그
15:20

섹션 2. CSS

17개 ∙ (7시간 48분)

CSS란
15:02
CSS 선택자
01:11:00
CSS 적용 방법
19:36
색상 적용 방법
22:50
텍스트 스타일링
24:55
글꼴 스타일링
41:14
목록 스타일링
12:56
링크와 커서 스타일링
22:27
표 스타일링
08:01
CSS 박스모델과 요소의 크기
26:08
Background 스타일링
13:34
Border 스타일링
13:56
HTML 요소의 위치 정의
32:09
Overflow
13:58
레이아웃을 만들기 위한 CSS
51:10
반응형 웹
53:31
[특강] 브라우저 렌더링 최적화
26:10

강의 게시일: 2023. 04. 10.

마지막 업데이트일: 2023. 04. 11.

수강평

전체

91개

4.9

91개의 수강평

157350
2023. 04. 22.
∙
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
html,css 끝판왕...대박 이거 하나면 끝남
강부열
2023. 06. 19.
∙
수강평 2
∙
평균 평점 5.0
5
100% 수강 후 작성
너무나 멋진 무료 강의 감사드립니다.
T parkkk
2023. 06. 09.
∙
수강평 1
∙
평균 평점 5.0
5
33% 수강 후 작성
강사님이 정말 실무적인 꿀팁까지 상세히 설명해주시려고 노력하시는 모습에 감동받았습니다!
유진 초이
2024. 08. 11.
∙
수강평 9
∙
평균 평점 5.0
5
100% 수강 후 작성
오랜만에 복습하면서 강의 들었는데 더 잘 배워갑니다. 좋은 강의 감사합니다.
KYUNG TAE BAE
2023. 04. 15.
∙
수강평 197
∙
평균 평점 5.0
5
6% 수강 후 작성
웹개발 기초부터 상세히 알려줘서 많은 도움이 되었습니다. 감사합니다!

개발자의 품격님의 다른 강의

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

[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

₩242,000

초급 / Vue.js

5.0

(6)

200+

초급

Vue.js

[웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발

개발자의 품격

₩121,000

초급 / 포트폴리오, 웹앱

초급

포트폴리오, 웹앱

[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

개발자의 품격

₩165,000

초급 / Node.js, MySQL, Express, MongoDB, Socket.io, 웹 크롤링

5.0

(8)

100+

초급

Node.js, MySQL, Express

[웹 개발 풀스택 코스] 넷플릭스와 당근마켓 분석을 통해서 배우는 데이터베이스 기초

개발자의 품격

무료

입문 / DBMS/RDBMS, MySQL, SQL

5.0

(13)

2,500+

입문

DBMS/RDBMS, MySQL, SQL

[웹 개발 풀스택 코스] 부트스트랩 기초

개발자의 품격

무료

초급 / Bootstrap

5.0

(26)

1,500+

초급

Bootstrap

[웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지

개발자의 품격

₩264,000

초급 / JavaScript, vanilla-javascript

5.0

(4)

100+

초급

JavaScript, vanilla-javascript

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

개발자의 품격

₩77,000

초급 / JavaScript, ES6, HTML/CSS

4.9

(73)

700+

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

초급

JavaScript, ES6, HTML/CSS

비슷한 강의

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

[2024]리베하얀의 HTML 기초 실무

리베하얀

₩132,000

입문 / HTML/CSS, nvda

HTML 기초문법을 다루는 강의입니다. 다양한 사례의 미션이 존재하며, 실무에서 사용가능한 최신문법까지 알려드립니다.

입문

HTML/CSS, nvda

제임스코딩 풀스택 개발 입문 5주 완성

제임스코딩

₩44,000

입문 / HTML/CSS, JavaScript, Git, Node.js

5.0

(15)

제임스코딩 과정은 풀스택 심화 커리큘럼 시작 전, 웹 개발의 기본기를 함양할 수 있는 풀스택 개발 입문 과정입니다. 여러분은 제임스코딩 풀스택 개발 입문 5주 완성을 통해 프로그래밍과 자바스크립트의 기초를 탄탄하게 다질 수 있습니다.

입문

HTML/CSS, JavaScript, Git

[웹개발 입문] 혼자서도 개발하는 HTML과 CSS with 당근마켓

MJ코딩

₩27,500

입문 / HTML/CSS

4.5

(2)

필수적인 개념과 함께 HTML / CSS를 스스로 잘 활용하기 위한 강의에요.

입문

HTML/CSS

모던 웹 인터렉티브 CSS3 [PART1/3]

영코디 킴쌤

₩52,800

입문 / HTML/CSS, css3, 웹 디자인, 인터랙티브 웹, 클론코딩

초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

입문

HTML/CSS, css3, 웹 디자인

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

₩79,200

초급 / 모바일 디자인, HTML/CSS, wireframe, slick-slider, iframes

19페이지, 총 22가지 다양한 모바일 레이아웃 제작하면서 퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 특히 CSS 중첩(Nesting) 방식을 충분히 학습할 수 있습니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

초급

모바일 디자인, HTML/CSS, wireframe

모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

영코디 킴쌤

₩154,000

입문 / HTML/CSS, 웹 디자인, 클론코딩, 모바일 디자인

5.0

(2)

입문

HTML/CSS, 웹 디자인, 클론코딩

1. 웹개발 기초 [HTML, CSS]

개발자Park

무료

입문 / HTML/CSS

4.6

(64)

2,800+

안녕하세요. 웹페이지의 틀을 제작하는 HTML과 웹페이지를 꾸미는 CSS강의를 준비했습니다. 웹개발에 앞서 가장 기초에 해당하며 초보자분들 또한 쉽게 배울 수 있도록 준비했습니다.

입문

HTML/CSS

UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

LIZ.B

₩60,500

초급 / 반응형 웹, JavaScript, jQuery, media-query, HTML/CSS

5.0

(3)

기획-디자인-구현 프로세스의 세번째 과정 - 반응형 웹 포트폴리오 템플릿 제작

초급

반응형 웹, JavaScript, jQuery

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

₩90,200

입문 / HTML/CSS, JavaScript, Node.js, Web API

4.4

(8)

코딩 1위 유튜버 조코딩의 실전 압축! 쉽고 재미있는 웹 풀스택 개발 강의

입문

HTML/CSS, JavaScript, Node.js

실무중심의 HTML5 시각화 프로그래밍

트레이딩온

₩33,000

초급 / HTML/CSS

3.5

(2)

데이터를 가공하여 표의 형태로 표현할 수도 있지만 가장 중요한 것은 데이터를 인간이 한 눈에 알아 볼 수 있게 표현하는 것입니다.

초급

HTML/CSS

[개발부터 수익화까지] AI로 코드 한 줄 짜지 않고 만드는 IT 올인원 실전 프로젝트!

치트키 알려주는 남자

₩110,000

초급 / Java, PHP, HTML/CSS, MySQL

4.7

(6)

Update

AI와 그누보드를 활용해, IT 초보라도 아이디어 하나로 ‘나만의 플랫폼 CEO’가 되는 시대! 기획부터 배포까지 실제 개발 과정을 낱낱이 시연하고, 광고·쇼핑몰 등 다양한 수익화 방법까지 알려드립니다. 지금 바로 온라인 비즈니스를 시작하세요!

초급

Java, PHP, HTML/CSS

[환상의족발] 디자인부터 코딩까지

두노피

₩22,000

초급 / Photoshop, HTML/CSS, 클론코딩

5.0

(1)

맛있는 족발이에요~ 요즘 족발 장난 아니던데...꿀꺽

초급

Photoshop, HTML/CSS, 클론코딩

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

개발자의 품격

₩77,000

초급 / JavaScript, ES6, HTML/CSS

4.9

(73)

700+

초급

JavaScript, ES6, HTML/CSS

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

₩61,600

초급 / 포트폴리오, HTML/CSS, jQuery

5.0

(14)

300+

지금까지 200여명의 오프라인 학원 학생들 신입 퍼블리셔 취업 포트폴리오 지도한 경험을 통해 코딩웍스가 심혈을 기울여 만들었습니다. 면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작 강의는 퍼블리셔 취업을 위해 필수로 준비해야 하는 개인 포트폴리오 홈페이지를 어떻게 어디서부터 준비하는지 알려드리는 충실한 가이드입니다. 강의는 총 19시간 이상의 강의 내용이 담겨 있습니다. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

초급

포트폴리오, HTML/CSS, jQuery

웹디자인개발기능사 [2025년] 실기전체 A - F (카톡질문가능)

두노피

₩231,000

초급 / HTML/CSS, jQuery

5.0

(2)

전국 합격률 60%중에 우리반 합격률은 90%! 시험요구사항을 파악하면 가능합니다. 실기 책 사지마요 어려워요

초급

HTML/CSS, jQuery

ChatGPT API 입문 강의 - 30분 만에 다국어 번역기 웹 풀스택 개발하기

까룬

₩7,700

입문 / ChatGPT, Python, HTML/CSS

4.3

(25)

300+

ChatGPT API로 30분 만에 다국어 번역기 웹 풀스택 개발하고, 인공지능을 전혀 모르더라도 프로덕트에 최신 인공지능(ChatGPT API)을 도입해봐요!

입문

ChatGPT, Python, HTML/CSS

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

₩166,100

입문 / HTML/CSS, jQuery, 웹 디자인

4.9

(96)

700+

웹디자인기능사 출제기준(2025.1.1~2025.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다. 2023년도에 추가된 D유형, E유형 완벽 제작 수업영상과 2024년도에 추가된 F유형 완벽 제작 수업영상이 모두 반영되어 있습니다.

입문

HTML/CSS, jQuery, 웹 디자인