Web FrontEnd Study

웹 개발 언어의 기본 삼대장을 알아보자

웹 호환성, 웹 표준 그리고 웹 접근성에 대해 간단하게 개념 알아보기

HTML을 작성하는 완전 기초적인 방법

텍스트를 표현하기 위한 제목/본문 요소 알아보기.

포매팅 요소와 하이퍼링크, 그리고 엔티티에 대해 알아보기

해당 속성 등을 사용하는 이유와 보안 이슈에 대해 처리하는 방법, SEO에 연관되는 방법 등에 대해

목록을 표현하기 위한 요소들을 알아보기

표를 그리기 위한 요소들을 알아보기.

임베디드를 도와주는 요소에 대해 알아보기.

구조를 나타내는 요소들에 대해 알아보기.

멘틱 웹을 표현해주는 요소들에 대해 알아보기.

HTML5 시멘틱 태그와 웹 표준을 지키는 이유

데이터 전송을 위한 Form 태그에 대해 알아보기.

심오한 메타데이터의 세계

HTML의 전역 속성에 대해 알아보기

HTML/CSS를 프린터처럼 출력해보자

롤 기반(Rule-based)의 언어란 무엇일까? 그리고 Cascading의 원칙과 CSS의 적용 방법은?!

주요 선택자와 속성 선택자에 대해 알아보기

가상 클래스 선택자와 가상 요소 선택자에 대해 알아보기

선택자들의 결합과 범용선택자에 대해 알아보기

상속과 우선순위

font 관련 속성들과 단축 속성에 대해 알아보기

로컬 폰트가 있을 때 로딩하는 방법과 웹 폰트만 로딩해야되는 상황에서 최적화 기법

단위와 단위 계산법에 대해 알아보기

박스 모델과 구성 요소들에 대해 알아보기

크게 5가지로 Layout 살펴보기

레이아웃은 결국 박스의 집합이여

자동 배치는 편하지만 안 좋을 수도

Flex를 사용하면 적합한 레이아웃, Grid를 사용하면 적합한 레이아웃 등에 대해

5가지의 색상 활용 방법에 대해 알아보기

배경 관련 속성들 알아보기

스크립트 없이 움직이는 CSS 효과를 줄 수 있다.

transform 사용시에 3d를 사용하는 이유 animation 사용 시에 css로 최적화하는 방법 등

머리 깨지는 반응형

최소화, rem등 단위를 활용하여 미디어쿼리에 적용하기

이제는 스크롤도 보기 좋게 해야 하는 세상

브라우저에 정의된 기본 스타일을 없애보자

HTTPS를 설정하고 인증하는 방법 등에 대해 간략하게 알아보자

RESTful API 이해하기: 정의, 사용 이유, 적용 방법

자바스크립트에서의 모듈화 방법

자바스크립트에서 무한 스크롤 기법을 어떻게 사용하는 걸까

Javascript 3일차 추가 학습

브라우저 저장소 이해하기: localStorage, sessionStorage, IndexedDB

이렇게 밀접한 관계를 가졌을 줄은 몰랐습니다.