생활코딩 WEB2 - CSS 과정 ! + 후기
생활코딩 WEB2 - CSS 수업을 완강했습니다!
이전 게시물 보기 : 생활코딩 WEB1 후기
생활코딩의 WEB2 과정 중 CSS 수업을 완강했습니다.
최소한으로 배워 최대한으로 써먹을 수 있는 수업답게, CSS에 대한 지식과 경험을 동시에 채울 수 있었습니다.
수업의 내용
- CSS의 기본 문법 (선택자와 속성)
- Grid를 이용한 현대적인 레이아웃 제작 방법
- MediaQuery를 이용해서 다양한 크기의 스크린에 대응하는 방법
수업 토픽 목록
- CSS 등장 이전의 상황
- CSS의 등장
- 혁명적 변화
- CSS 속성을 스스로 알아내는 방법
- CSS 선택자를 스스로 알아내는 방법
- 박스모델
- 그리드
- 반응형 디자인
- CSS 코드의 재사용
- 수업을 마치며
배운 점
- '속성'과 '선택자'를 배우고, 검색을 통해 스스로 찾아낼 수 있게 되었습니다.
- 'Box Model'이라는 개념을 배웠습니다.
- '그리드'라는 기술을 배웠습니다.
- '웹 브라우저들이 최신 기술을 얼마나 채택하는가'에 대한 통계를 보여주는 웹사이트, 'Can I Use'를 배웠습니다.
- '미디어 쿼리'로 화면크기에 따라 표시되는 내용이 달라지는 반응형 웹을 디자인 할 수 있게 되었습니다.
- '구글 개발자 도구'를 활용하여 손쉽게 프로그래밍을 하는 법을 배웠습니다.
<style>태그 중, 중복되는 부분은.css파일을 만들어 여러개의 페이지에 손쉽게 적용 할 수 있게 되었습니다.
References
반응형
'WEB & App. > CSS' 카테고리의 다른 글
| [CSS] 외부 폰트 적용하기 (.ttf 파일) (0) | 2021.01.03 |
|---|
