강좌 15

[HTML&CSS] 내 사이트에서 아이콘을 사용해보자! FontAwesome

안녕하세요, iFlue의 yoo_nan01 입니다. 이번 시간에서는 자신의 사이트에서 아이콘을 사용할 수 있는 Font Awesome에 대해 알아보도록 하겠습니다. Font Awesome을 자신의 사이트에 적용하기Font Awesome을 자신의 사이트에 적용하는 것은 간단합니다.HTML에서 태그 안에 Font Awesome 의 CDN 을 위치시키면 됩니다. Font Awesome의 CDN 은 다음과 같습니다.ㄴ 직접 사용해보기여기에서 자신이 원하는 아이콘을 찾고, 아이콘의 코드를 복사합니다. 복사할 곳은 다음과 같습니다. 이번 포스팅 도움이 되셨길 바라면서, 다음 포스팅에서 뵙도록 하겠습니다. 감사합니다.

IT 2018.06.04

[HTML&CSS] 본고딕 웹 폰트 적용하기 (Noto Sans CJK KR)

안녕하세요. iFlue의 yoo_nan 입니다. 오늘은 HTML&CSS 강좌, 웹 폰트 적용하기에 대해 알아보겠습니다. 웹 폰트는 상업&개인용으로 이용이 가능한 Noto Sans CJK KR(본고딕)을 이용하겠습니다. - 1) CSS 맨 앞부분에 @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 을 작성해주세요. 2) font-family: "Noto Sans KR", sans-serif; 를 body 태그에 입력하세요. 3) 자세한 내용은 아래 CodePen 을 참고하세요. See the Pen 본고딕 웹 폰트 적용 by Jeon Yun-Hwan (@yoo_nan01) on CodePen.

IT 2018.06.02

[HTML&CSS] - 개발 환경 구축하기 (Visual Studio Code)

안녕하세요. iFlue의 yoo_nan 입니다. 오늘은 HTML&CSS 강좌 1강, 개발 환경 구축에 대해 알아보겠습니다. HTML 은 PHP 와 다르게, 테스트를 하기위해 웹 서버를 구축하거나 추가 프로그램을 설치 하지 않으셔도,현재 사용하시고 계시는 웹 브라우저에서 불러오실 수 있습니다. 메모장으로 개발을 시작하게 되면, 색의 구분이 없어 구분하기가 힘들기 때문에 추가 코딩 프로그램을 이용하여, 개발 환경을 구축해보도록 하겠습니다. 1) 먼저, 포털사이트(구글, 네이버, 다음 등)에 Visual Studio Code 를 입력하셔서 공식 사이트에 방문하세요.여기를 눌러 바로갈 수도 있습니다. 2) macOS 유저는 mac에 대한 Visual Studio Code를 다운받으시고,Windows 유저는 Wi..

IT 2018.05.31