실전 예제에서 안 배운 명령어들

실전 예제에서 나오는 것들은 웹 기능사 실기 준비에서 필요한 내용들보다 훨씬 많고 거의 새로운 내용이 많을거에요. 예시로 말씀하신 유니코드(Unicode) 같은 경우도 그렇구요. 하지만 예제 하시면서 지속적으로 반복되어서 나오니까 처음에 새로운 것이 나온다고해서 처음부터 완전히 이해해야 한다는 부담 갖지 않으셔도 됩니다.

코딩웍스 유튜브 CSS 중급이론을 실습없이 먼저 지나가듯 보시고 예제 오시는것도 좋은 방법입니다.

https://www.youtube.com/playlist?list=PLv_UUi9AVBVvr9gODWpz6aZUS6VNvdsYq

폰트어썸 유니코드는 폰트어썸을 html 태그로 넣지 않고 css에 넣을 때 사용하는 방식입니다.

아래 예시처럼 폰트어썸 아이콘을 넣을 때 content에 유니코드를 사용하면 html 에 직접 넣는 것 보다 html이 간단하고 깨끗하게 관리되거든요.

<a href="#none"><i class="fa fa-heart" aria-hidden="true"></i> 즐겨찾기</a>

-------------------------------------------------------------------

<a href="#none">즐겨찾기</a>

a:before {

  content: '/f004 ';

}