SCSS 핵심 문법 정리
# SCSS란 CSS preprocessor (전처리기) - CSS로 컴파일되는 스크립트 언어 - 추가 기능과 유용한 도구를 제공하여, CSS의 태생적 한계 보완 ...
HTML-CSS
CSS 레이아웃 (Flexbox, Grid) 정리
# Flexbox display 속성 block box의 개념 - width(너비)와 height(높이)를 가짐 - 옆으로 margin이 존재 - element가 한 줄...
Tailwind Practice
Introduction Tailwind is a utility-first CSS framework 유틸리티는 테일윈드가 여러 클레스 네임을 가지고 있다는 의미. 즉, 테일윈드...
Tour of Tailwind
Introduction Tailwind is a utility-first CSS framework 유틸리티는 테일윈드가 여러 클레스 네임을 가지고 있다는 의미. 즉, 테일윈드...
position 속성 이해하기
position 속성 position 속성은 웹 페이지에서 요소의 위치(position)를 배치하는 방식을 결정한다. 보통 요소의 위치 지정을 위해 부수적으로 top, lef...
박스모델이란?
박스 모델 웹 페이지의 모든 요소는 박스 형태의 영역을 가지고 있다. 브라우저는 이 박스 모델의 크기와 속성 그리고 위치를 계산하여 웹 페이지를 화면에 띄운다. 박스 모델의 ...