【한글자막】 CSS 완벽 가이드 (Flexbox, Grid & Sass 포함)
What you'll learn
- CSS를 쉽게 배우는 방법, 왜 CSS가 대단한지 알게 됩니다.
- CSS의 기본 기능뿐만 아니라 고급 기능까지 학습합니다.
- Flexbox, 그리드, 애니메이션, 트랜지션, 폰트, 미디어 쿼리 등등 CC의 모든 것을 배웁니다.
- CSS와 특정 CSS 기능의 개념과 이론을 이해할 수 있습니다.
- 콘텐츠만큼이나 보기 좋은 웹사이트를 구축해 봅니다.
Requirements
- 강의 수강에 앞서 HTML과 웹 개발에 관한 기본지식이 있어야 하나, 고급 지식이 필요하지는 않습니다.
- CSS에 대해 전혀 몰라도 괜찮습니다! 이 강의에서 배우면 되니까요!
Description
CSS를 더 깊고 명확히 이해하여 더 완벽하고 멋진 웹사이트를 구축하세요.
CSS 기초부터 고급 트랙, 나아가 전문가 트랙 단계로 나눠서 구성하였습니다.
이론과 실제 예시를 모두 다룹니다. 강의를 통해 프로젝트 하나를 완전히 구축하세요!
[본 강의를 수강해야 하는 이유]
CSS는 Cascading Style Sheets(캐스케이딩 스타일 시트)의 줄임말로서 원시 HTML 페이지를 멋진 웹사이트로 만들 수 있는 ‘프로그래밍 언어’입니다.
본 강의에 모든 내용이 포함되어 있습니다. CSS의 정의, 원리, 사용 방법 같은 아주 기본적인 내용부터 시작해서 점차 심화한 내용을 다룹니다. 본 강의는 실제 예시와 그 이론을 함께 살펴보는 방식으로 진행됩니다.
CSS를 시작하기는 언뜻 쉬워 보일 수도 있으나 사실 CSS는 꽤 깊이 있는 언어입니다. 따라서 본 강의는 여러분의 필요 및 현재의 지식수준을 반영하여 다양한 ‘트랙’ 또는 ‘진입점’을 제공합니다.
[강의 구성]
기본 트랙: 처음부터 시작해서 CSS의 기초부터 다집니다. 강의 1부터 순서대로 끝까지 수강하시면 됩니다.
고급 트랙: 선택자가 무엇인지 어떻게 작동하는지와 같은 CSS의 기본적인 내용을 알지만 좀 더 깊게 알고 싶고 고급 기능과 사용법을 배우고 싶은 분들에게 적합한 트랙입니다.
전문가 트랙: 고급 지식을 갖추었고 Flexbox, CSS 그리드, CSS 변수, Sass. 와 같은 기능에 대해 깊게 파고들고 싶은 분들에게 적합한 트랙입니다.
[본 강의에서 다룰 내용]
#1. 본 강의에서는 이론과 실제 예시를 모두 다룹니다. 강의를 통해 프로젝트 하나를 완전히 구축해 볼 겁니다. 이와 더불어, 다양한 과제, 퀴즈, 도전 과제를 제공해 여러분이 강의 과정에서 배우는 각 개념을 익힐 수 있도록 구성했습니다.
#2. 본 강의의 프로젝트에 대한 설명 - 가상의 웹 호스팅 회사의 프론트엔드 웹을 구축합니다. 여러 부분으로 구성된 시작 화면을 만들고, 사이드 드로어 애니메이션을 활용한 반응형 디자인을 만들어 볼 것입니다. 모달과 폼, CSS 애니메이션, 폰트 스타일 등을 다양하게 활용해 봅니다!
[강의 세부 주제]
강의의 세부 내용은 다음과 같으며 이는 앞서 언급한 강의 프로젝트에도 모두 적용해 볼 겁니다.
선택자와 결합자에 대한 기본 사항, 일반 스타일링 규칙 정하는 방법
프로퍼티와 값 및 선언
명시도와 상속의 원리, ‘캐스케이딩’ 스타일 시트라고 부르는 이유
‘박스 모델’과 같은 주요 이론 개념
요소가 배치되는 기본 설정값을 변경하는 방법
이미지와 배경 이미지 스타일링하기 (예: 그러데이션)
CSS에서 자주 사용하는 단위와 치수 (px, rem, % 등)
JavaScript와 CSS가 상호작용하는 방식
반응형 디자인과 ‘모바일 최적화’의 의미
폼 요소와 폼 입력 요소 스타일링하기
텍스트, 폰트 및 텍스트 스타일 작업
Flexbox! Flexbox의 원리와 사용 방법
CSS 그리드 사용 방법, Flexbox와 다른 점
CSS를 활용한 HTML 요소 변형 및 애니메이션 적용
CSS 변수나 모범 사례가 되는 클래스 이름 등을 활용해 미래에도 사용할 수 있는 CSS 코드를 작성하는 방법
Sass 사용 방법과 설명
[본 강의의 대상]
이런 분들에게 적합합니다
보다 멋진 웹사이트를 구축하고 싶은 웹 개발 초보자
CSS를 알지만 보다 더 깊이 알고 싶은 분
시행착오로 CSS 사용에 지쳐 개선이 필요하신 분 (이제는 바뀌셔야 합니다!)
이런 분들은 좀 더 생각해보시길 바랍니다.
CSS 실력이 전문가 수준이며 CSS 워킹 그룹 드래프트를 잘 이해하고 있는 분
노드나 PHP를 사용하며 HTML이나 프론트엔드 JavaScript는 사용하지 않는 백엔드 전문 개발자
웹 개발을 난생처음 배우며 HTML의 기본부터 배워야 하는 분
이런 점들을 고려하여 본 강의를 수강하기로 결정하신 모든 분을 진심으로 환영합니다!
1강에서 뵙겠습니다.
- Maximilian
Who this course is for:
- CSS를 처음 배우는 분과 이미 보유한 CSS 최신 웹 개발 기술에 관심이 있으신 분
- Flexbox, CSS 그리드 또는 CSS 변수와 같은 최신 CSS 기능을 습득하고 싶은 분
- CSS를 알고는 있으나 좀 더 깊이 공부하고 싶은 초보 개발자 및 취업준비생
Instructors
![Academind by Maximilian Schwarzmüller](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.6 Instructor Rating
- 565,212 Reviews
- 2,386,822 Students
- 44 Courses
Bundling the courses and know how of successful instructors, Academind strives to deliver high quality online education.
Online Education, Real-Life Success - that's what Academind stands for. Learn topics like web development, data analyses and more in a fun and engaging way.
We've taught more than 2,000,000 students on a broad variety of topics. We'd love to teach you as well! :)
Keep learning!
- 4.6 Instructor Rating
- 912,882 Reviews
- 2,417,895 Students
- 58 Courses
Experience as (Web) Developer
Starting out at the age of 12 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.
Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS in a lot of projects. I love both worlds nowadays!
I also build full-stack applications and acquired expert DevOps and cloud computing knowledge - proven by the many AWS certifications I hold (incl. the top-level Solutions Architect Professional certification).
As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.
Experience as Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enables me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses and more than 2,000,000 students on Udemy is the best proof for that.
Whether working as development instructor or teaching Business Administration I always received great feedback. The most rewarding experience is to see how people find new, better jobs, build awesome web applications, acquire amazing projects or simply enjoy their hobby with the help of my content.
Together with Manuel Lorenz, I founded Academind to offer the best possible learning experience to our more than 2,000,000 students.
- 4.6 Instructor Rating
- 102,760 Reviews
- 1,070,850 Students
- 11 Courses
Having worked as a business analyst in both a major consultancy and an investment bank, I always found myself confronted with both various and complex problem sets and challenging client demands. The rapid development of technology and business requirements forces everyone to constantly adapt and to continue learning.
Being an early adopter of new and quickly evolving tools, I always enjoyed both learning these tools and passing on my knowledge to my colleagues and fellow students.
Since working as a business analyst implies a high affinity to programming, I also enjoy working as a web developer. It's that combination of self-taught knowledge and its application in a highly competitive consulting environment for various clients which gave me the ability to evaluate solutions from an industry perspective as well as from a learner's perspective. The latter also allows me to identify the pain points students might hit when learning these tools.
Since I always found it hard to find high quality, understandable and comprehensive learning materials, I decided to create such materials on my own. Together with Maximilian Schwarzmüller I founded Academind to offer the best possible learning experience on web development and data science to our more than 2.000,000 students.
- 4.7 Instructor Rating
- 16,730 Reviews
- 48,144 Students
- 249 Courses
1980년 도서출판 '헤임인터내셔널'이라는 이름으로 설립된 웅진씽크빅은 '헤임고교학습', '어린이마음', '웅진위인전기', 등을 잇따라 성공적으로 선보이며 교육업계를 이끌어왔습니다.
유아에서 성인을 아우르는 다양한 교육문화 콘텐츠를 개발, 제공하며 40년간 끊임없이 발전하는 교육기업입니다.
2021년 3월, 웅진씽크빅은 Udemy와 Strategic Alliance를 체결하였으며,
다양한 Udemy의 글로벌 Bestseller 강의들을 한국 수강생들에게 소개하고 있습니다.
영어를 어려워하는 수강생을 위해 글로벌 인기 강의에 한국어 자막도 제공하고 있으며, 국내에서 학습 수요가 높은 IT, 비즈니스, 직무개발, 어학 분야 등의 유명 강의도 모두 들을 수 있도록 다양한 콘텐츠 공급사와 제휴를 맺어 E-Learning 사업을 지속적으로 확대해나가고 있습니다.