CSS2 [tailwind CSS] backgroundImage 설정 방법 - (config/style/custom) tailwind CSS - backgroundImage 설정 방법 - (config/style/custom)tailwind css로 backgroundImage를 설정하는 방법은 기록하고자 한다. tailwind 왕왕초보의 무작정 적용기! 목차0. 이미지 파일 부터 넣기 - assets 폴더를 pulbic에 넣을 것인가? src에 넣을 것인가?1. backgroundImage를 tailwind.config.js 파일에서 설정해보기2. style 속성에 backgroundImage를 설정해보기3. 일회성 속성일 경우, 임의 값을 설정하여 backgroundImage를 설정해보기 0. 이미지 파일 부터 넣기 - assets 폴더를 pulbic에 넣을 것인가? src에 넣을 것인가?public 폴더public.. 2024. 6. 2. [Web] CSS 레이아웃 - Grid, Flex 차이 및 기본 개념 CSS 레이아웃 - Grid, Flex 차이 및 기본 개념 레이아웃으로 Flex, Grid가 가장 많이 사용된다고 한다. Flex와 Grid가 대충 어떤 느낌인지 알기 위해 작성한 글이다. Flex : 한 방향 레이아웃 시스템 (1차원) Flex는 1차원으로 수평, 수직 영역 중 하나의 방향으로만 레이아웃을 나눌 수 있고, Grid : 두 방향(가로-세로) 레이아웃 시스템 (2차원) Grid는 2차원으로 수평, 수직을 동시에 레이아웃을 나눌 수 있다. Flex : 한 방향 레이아웃 시스템 (1차원) 부모 요소인 div.container를 Flex Container(플렉스 컨테이너) 자식 요소인 div.item들을 Flex Item(플렉스 아이템) Flex 컨테이너 안(태그 안)에 있는 item들의 방향들.. 2022. 8. 18. 이전 1 다음
