[CSS3] 생활코딩 WEB2 - CSS 완주

생활코딩 WEB2 - CSS 과정 ! + 후기

생활코딩 WEB2 - CSS 수업을 완강했습니다!

이전 게시물 보기 : 생활코딩 WEB1 후기

---

생활코딩의 WEB2 과정 중 CSS 수업을 완강했습니다.

최소한으로 배워 최대한으로 써먹을 수 있는 수업답게, CSS에 대한 지식과 경험을 동시에 채울 수 있었습니다.

---

수업의 내용

1. CSS의 기본 문법 (선택자와 속성)
2. Grid를 이용한 현대적인 레이아웃 제작 방법
3. MediaQuery를 이용해서 다양한 크기의 스크린에 대응하는 방법

수업 토픽 목록

• CSS 등장 이전의 상황
• CSS의 등장
• 혁명적 변화
• CSS 속성을 스스로 알아내는 방법
• CSS 선택자를 스스로 알아내는 방법
• 박스모델
• 그리드
• 반응형 디자인
• CSS 코드의 재사용
• 수업을 마치며

배운 점

• '속성'과 '선택자'를 배우고, 검색을 통해 스스로 찾아낼 수 있게 되었습니다.
• 'Box Model'이라는 개념을 배웠습니다.
• '그리드'라는 기술을 배웠습니다.
• '웹 브라우저들이 최신 기술을 얼마나 채택하는가'에 대한 통계를 보여주는 웹사이트, 'Can I Use'를 배웠습니다.
• '미디어 쿼리'로 화면크기에 따라 표시되는 내용이 달라지는 반응형 웹을 디자인 할 수 있게 되었습니다.
• '구글 개발자 도구'를 활용하여 손쉽게 프로그래밍을 하는 법을 배웠습니다.
• <style> 태그 중, 중복되는 부분은 .css파일을 만들어 여러개의 페이지에 손쉽게 적용 할 수 있게 되었습니다.

---

References

• CSS 그리드 5분만에 배우기