1. 서론
프론트엔드 기본기를 위한 1번째.
HTML / CSS 재학습.
html과 css는 2020년 여름방학때 처음 웹개발이라는 것을 접해보면서 간단하게 학습했었다
생활코딩이라는 사이트를 이용해서 학습했었고
당시 프론트라던가 개념이 따로 없었고 '장고 웹개발'이 주요 주제였기때문에
기본적인 지식 수준으로 일주일 내로 학습했었다.
HTML/CSS 정리
2. 학습
2.1 기간
이번에도 약 일주일 정도 이내로 학습 예정.(~2022.02.20)
2.2 학습 목록
HTML5
1 프런트엔드 개발자 학습 방향
2 HTML5 기본 문법
3 시맨틱 요소와 검색 엔진
4 웹페이지의 구성하는 기본 태그
5 텍스트 관련 태그
6 HTML의 핵심 개념인 Hyperlink
7 목록(List)와 표(Table) 형식 표현을 위한 태그
8 이미지의 표현과 동영상, 음악 등 멀티미디어를 지원하는 태그
9 사용자와의 커뮤니케이션을 위한 폼 태그
10 웹페이지의 레이아웃을 구성하기 위해 공간을 분할하는 태그
CSS3
1 CSS 기본 문법
2 셀렉터
3 CSS 프로퍼티 값의 단위
4 박스 모델
5 display, visibility, opacity 프로퍼티
6 백그라운드
7 폰트와 텍스트
8 요소의 위치 정의
9 요소 정렬
10 스타일의 상속과 적용 우선 순위
11 벤더 프리픽스
12 그림자
13 그레이디언트
14 트랜지션
15 애니메이션
16 트랜스폼
17 웹디자인 타이포그래피(Typography)
18 레이아웃
19 반응형 레이아웃
20 플렉스 박스 레이아웃
21 수평/수직 중앙 정렬
22 image 요소 아래에 패딩된 여분의 공간 제거하기
2.3 학습 방법
웹 프로그래밍 튜토리얼을 따라 진행 / velog 업로드.
이미 html, css를 기초는 봤었고, 일하면서도 대충은 봤었으니 기본사용법보다는 디테일에 포커스를 두고 학습.
시간비용에비해 핵심적이지 않은 내용(사용법)은 pass. CSS나 HTML은 기본적인 사용법 숙지 후 경험에서 구글링을 통해 살을 붙여나가는게 좋다는 방법론도 있다.
