CSS
-
[Vue] Font Awesome 아이콘을 갖다 써보자카테고리 없음 2022. 2. 6. 18:20
안녕하세요 오늘 가져온 주제는 Vue에서 Font Awesome을 사용하여 여러 Icon들을 사용해보는 것입니다. 여러 가지 개발 관련 포스팅 할 거는 많은데.. 꾸준히 해보겠습니다 ㅎㅎ Font Awesome? 웹에서 아이콘이 필요할 때 가장 많이 사용되는 라이브러리 중에 하나입니다. 웹 사이트에서 벡터 아이콘과 소셜 로고를 얻을 수 있습니다. 아직까지도 Font Awesome4가 많이 사용되고 있지만 최신 Font Awesome 5가 출시되었습니다. Font Awesome은 다양한 언어, 프레임워크에서 사용할 수 있습니다. 설치하기 핵심 패키지 및 아이콘 콘텐츠를 설치 $ npm i --save @fortawesome/fontawesome-svg-core $ npm i --save @fortaweso..
-
[CSS] Game으로 Grid를 배우자WEBn/CSS 2021. 8. 6. 00:04
웹개발을 하다보면 항상 늘 언제나 헷갈리는 것이 CSS이다. 특히 내가 원하는 곳에 버튼과 폼과 기타 요소들을 배치하고 싶은데 내 맘대로 절대 안움직인다. 웹 페이지의 레이아웃 개념이 부족하기 때문이다. 그래서 그 개념을 한번 잡고가기 위해 검색하던 중 Game으로 배우는 사이트를 발견하였다.이름하여... Grid Garden https://cssgridgarden.com/#ko Grid Garden A game for learning CSS grid layout cssgridgarden.com 사이트를 접속하면 이렇게 바로 1단계 게임이 시작된다. 그리드로 나누어진 땅에 CSS 코드를 입력해서 물을 준다. 1단계는 매우 쉬웠다. grid-column-start: 3;을 입력하면 3번째 칸에 물주기 성공..