블로그 이미지
잡다한 취미 생활 및 일상에 대한 소소한 이야기를 적어나가는 블로그입니다.
붉은kkk

공지사항

최근에 올라온 글

최근에 달린 댓글

글 보관함

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

[Google Icon Font 삽입하기]

2020. 8. 1. 13:33 | Posted by 붉은kkk

https://materializecss.com/

 

Documentation - Materialize

 

materializecss.com

 <!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <body>

      <!--JavaScript at end of body for optimized loading-->
      <script type="text/javascript" src="js/materialize.min.js"></script>
    </body>
  </html>

구글 Icon Font 삽입은 위 예제에 나온 것처럼, html 문서의 head내에 link로 처리하면 됩니다.

^^ 요즘은 문서들이 보기 쉽게 나와있어서 보고 활용하기 편한것 같네요.

 

그럼 오늘도 즐거운 프로그래밍 생활 되세요.

'프로그래밍 > HTML' 카테고리의 다른 글

[2. HTML Menu 정렬] 상단 Menu 항목 정렬 방법  (0) 2020.05.14

이번엔 자바스크립트에서 변수 사용하는 방법에 대한 포스팅입니다.

 

변수의 종류와 사용법 모두를 정리하고 싶은 맘이 있긴한데... 우선은 간단한 것부터 시작하겠습니다.

 

아직까지는 코드가 직관적으로 보이고 있으니까 이해하기 쉽네요.

1. var : 자바스크립트에서 변수(Variable) 선언을 하려면 변수명 앞에 var을 써주시면 됩니다.

2. 연산자 (산술연산자 위주)

1 = 왼쪽에 대입
2 + 더하기
3 - 빼기
4 * 곱하기
5 / 나누기
6 % 나머지

 

변수 선언 후 산술 연산을 하는 코드입니다.

 

실행을 하면, 변수의 사용법만 덜렁 있습니다.

??? 

의도한 연산결과가 보이지 않네요.

 

크롬 브라우저에서 F12(버튼)를 눌러주세요.

 

console로 찍은 내용들이 나와있습니다.

이상으로 자바스크립트로 변수를 사용하는 방법을 연습해 봤습니다.

 

하나하나 차곡차곡 쌓아가다 보면 멋진 프로젝트도 완성할 수 있는 날이 있겠죠?

저부터 실천해 나가보겠습니다.

 

오늘도 즐거운 프로그래밍 생활되세요^^

이전 1 다음