home강의 홈으로
Section 4. CSS 더 깊이 알아보기
Lesson 13. 프레임워크와 라이브러리 이용하기

유명 프론트엔드 프레임워크들


🤔 프론트엔드 프레임워크를 쓰는 것이 좋을까요?

  • 장점: 디자인 과정 없이 유려한 요소들을 빠르게 이용 가능
  • 단점: 무거워지는 사이트, 커스터마이징시 복잡해짐
  • 결론: 디자이너 부재시, 대형 프로젝트가 아닐 시 적합

# 🎯 아래와 같이 프레임워크의 요소들을 웹페이지에 넣어보세요!




아이콘 라이브러리

👉 Font Awesome

🎯 아래와 같이 아이콘들을 넣어보세요.


👉 Google Fonts Icons

🎯 아래와 같이 아이콘들을 넣어보세요.


SVG파일로 받아 활용하기

<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"> <!-- 아래에 색상값과 d값을 넣으세요! --> <path style="fill: #000000;" d="" /> </svg>

🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )

강의에서 이해가 안 되거나 실습상 문제가 있는 부분,
설명이 잘못되었거나 미흡한 부분을 메일로 알려주세요!

답변드린 뒤 필요할 경우 본 페이지에
관련 내용을 추가/수정하도록 하겠습니다.

이메일 주소
yalco@yalco.kr
메일 제목 (반드시 아래 제목을 붙여넣어주세요!)
[질문] 제대로 파는 HTML & CSS (유료 파트) 4-13

🛑질문 전 필독!!

  • 구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
  • 오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
  • 강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
  • "유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
  • 질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.
🌏 Why not change the world?