견고한 UI 설계를 위한 마크업 가이드
1.HTML을 어떻게 공부해야 하는가
HTML 학습 초기 단계에 알아야 하는 기본 사항
2022년 3월 18일
2.검색 엔진 밥상 차려주기
검색 엔진 노출 확률을 높이는 방법
2022년 3월 18일
3.HTML 개요 알고리즘 이해
검색엔진을 위한 Outline and Heading
2022년 3월 18일
4.HTML 의미론
HTML 문서의 작성 의도를 사용자에게 정확하고 다채롭게 전달하기 위해 HTML 의미론 알아두기
2022년 3월 18일
5.상호작용 콘텐츠의 올바른 용법
보다 향상된 사용자 경험을 고려한 웹페이지 만들기 위한 Interactive Content
2022년 3월 19일
6.이미지 마크업 최적화
picture 요소를 활용한 이미지 최적화 마크업을 통해 서버 비용을 절약하고 사용자 경험 향상 시키기
2022년 3월 19일
7.CSS가 어려운 이유
CSS 명세를 읽는 방법
2022년 3월 20일
8.CSS의 절대 권력, 초기화
무분별한 CSS 초기화 파일 사용을 지양하고, 초기화 스타일 작성 시 유용한 CSS 속성 알아보기
2022년 3월 20일
9.웹은 덩어리, 구성 요소, 변형의 반복으로 이루어져 있다
선택자 우선 규칙과 BEM 방법론에 대해 알아보기
2022년 3월 20일
10.레이아웃, 배치의 비밀
CSS display & position
2022년 3월 20일
11.레이아웃, 여백의 비밀
CSS margin and padding
2022년 3월 20일
12.레이아웃, 애증의 플로팅
CSS float의 알맞은 용도와 레이아웃에 컬럼을 배치하는 방법 알아보기
2022년 3월 22일
13.IE를 지원하지 않아도 된다면 가장 쓸모 있는
단일 축을 이용하여 요소를 배치하는 flex 속성 알아보기
2022년 3월 22일
14.코드는 짧고 사연은 길다
두 개의 축을 이용하여 요소를 배치하는 grid 속성 알아보기
2022년 3월 24일
15.포토샵 닫고 CSS 열기
CSS를 이용해 이미지를 대체할 수 있는 다양한 기법. CSS로 모형, 햄버거 버튼, 격자&그리드 배경, Radio&Checkbox 구현하기
2022년 3월 26일
16.CSS 코드 최적화
미사용 CSS를 제거하고 렌더 차단 리소스가 되지 않도록 하여 웹사이트 성능 높이기
2022년 3월 29일
17.덩어리 콘텐츠 빨리 그리기
구글이 선택한 성능 지표, LCP에 대해 알아보기
2022년 4월 6일
18.덜컥덜컥 누적 배치 변경 문제
사용자 경험을 측정하는 대표적인 지표, CLS에 대해 알아보기
2022년 4월 6일