브래의 슬기로운 코딩 생활
모바일 웹 구축 실무 14주차 정리 (스타일링 고급) 본문
스타일링 – 고급
부트스트랩
https://getbootstrap.kr/
Bootstrap
강력하고 확장 가능하며 기능이 풍부한 프론트엔드 툴킷. Sass로 빌드 및 커스터마이징하고, 사전 빌드된 그리드 시스템 및 구성 요소를 활용하고, 강력한 JavaScript 플러그인으로 프로젝트에 생기
getbootstrap.kr
트위터에서 시작된 오픈 소스 프론트엔드 프레임워크
머티리얼 아이콘 설정
https://fonts.google.com/icons
Material Symbols and Icons - Google Fonts
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
fonts.google.com
구글에서도 머티리얼 아이콘을 무료로 사용할 수 있게 공개
Npm으로 사용하는 방법
npm i @fontsource/material-icons
Npm 안쓰고 사용하는 방법
테일윈드 css
https://tailwindcss.com/
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
tailwindcss.com
npm i –D postcss autoprefixer tailwindcss
npx tailwindcss init -p
Postcss 플러그인 방식으로 진보된 css프레임워크
daisyui
npm i –D postcss autoprefixer tailwindcss @tailwindcss/line-clamp daisyui
css 프레임워크
'2-2 > 모바일 웹 구축 실무' 카테고리의 다른 글
| 모바일 웹 구축 실무 15주차 정리 (리덕스) (0) | 2023.12.25 |
|---|---|
| 모바일 웹 구축 실무 13주차 정리 (미니 블로그 만들기) (1) | 2023.12.23 |
| 모바일 웹 구축 실무 12주차 정리 - 2 (API) (0) | 2023.12.22 |
| 모바일 웹 구축 실무 기말과제 PPT (2) | 2023.12.05 |
| 모바일 웹 구축 실무 12주차 정리 - 1 (스타일링) (0) | 2023.11.21 |
'2-2/모바일 웹 구축 실무' Related Articles
more
