아이콘 이미지가 필요한 경우
개인프로젝트로 자기소개 웹페이지를 만들고 있습니다. 세세하게 보니 수정할 게 많더라고요. 특히 사용자의 입장에서 보기 좋게 디자인을 설정하는 것이 필요했습니다. '네이버 블로그' 라는 텍스트에 링크를 거는 것보다 네이버 블로그 아이콘을 등록해두면 더 보기 좋고 가독성이 있죠. 티스토리 블로그도 마찬가지고요. 포트폴리오에 Spring, Javascript, Python에 해당하는 아이콘 이미지를 넣어두면 이해하기가 쉬워요. 기존에는 font awesome에 들어가서 링크를 복사해왔는데 무료로 사용하다보니 종류가 제한적이었어요. 그래서 더 나은 아이콘 이미지 사이트를 찾아봤습니다.
flaticon(플래티콘)
flaticon이라는 사이트입니다. font awesome보다 종류가 많고, 한글 검색이 가능해요.
프로그래밍 언어 아이콘이 다양하게 있습니다. 다른 종류의 아이콘, 스티커, 애니메이션 등이 많았어요. 하지만 모두 사용할 수 있는 것은 아닙니다. 결제가 필요하죠. 보면서 이모티콘, 스티커 같은 웹페이지 디자인 요소를 판매하는 것도 큰 돈이 될 것 같더라고요. 워드프레스로 블로그를 만들어서 웹페이지 CSS와 관련된 디자인을 올려보려고 합니다. 무료로 공개하면 꽤 많은 사람을 모을 수 있을 것 같아요.
CSS도 중요하다
웹페이지를 만들기 위해서 정말 여러가지 언어를 알아야한다는 생각이 듭니다. 프론트엔드는 HTML, CSS, javascript, 백엔드는 Java, Spring 등 공부할 것이 정말 많아요. HTML은 웹페이지의 뼈대에 담당하고, CSS는 디자인을 담당합니다. 뼈가 중요하냐 살이 중요하냐 우열을 가릴 수 없죠. 각자 역할이 있는 것입니다. 꾸미기도 공부가 필요합니다. 하나하나 아이콘을 찾고 색을 바꾸면서 느낀 점은... 무엇이든 노가다가 80% 이상인 것 같습니다. 결국 존버하는 사람이 결과물을 내놓는 것이죠. 끝이 없네요.
'CSS' 카테고리의 다른 글
[CSS] HTML 16진수 색상코드에 대해 알아보자 (0) | 2023.07.11 |
---|---|
CSS, vh은 무엇일까? (2) | 2023.04.11 |
CSS 연습 (0) | 2023.03.31 |
css 연습 (0) | 2023.03.29 |
CSS 박스 모델 연습 (0) | 2023.03.28 |