[JavaScript] 타이핑 애니메이션 효과 - JQuery 2021. 7. 17. 타이핑 애니메이션 효과 라이브러리를 통해서 쉽게 타이핑 애니메이션 효과를 적용할 수 있습니다. 순서대로 아래와 같이 설정한다면 5분 내에 적용이 가능합니다. 중요한 것은 타이핑 효과를 적용하고자 하는 곳에 블록(HTML)을 넣고 자바스크립트 언어로 구현합니다. CDN / JQeury 라이브러리를 불러옵니다. 사용하고자 하는 위치에 HTML 블럭을 만듭니다. 자바스크립트 언어 코드로 텍스트를 적용합니다. 위는 예시이며, 다양한 효과를 적용할 수 있습니다. 메서드에 따라서 타이핑 속도나 타이핑 전환 속도 등을 구현할 수 있습니다. 옵션(Options) Name Type Default value Description strings String or Array null Strings to type out whe..

[JavaScript] D-Day 타이머 2021. 7. 17. D-Day 타이머 var ddaytimer = setInterval (dayGap, 1000) function dayGap () { var dday = new Date("November 24, 2017 00:00:00").getTime();// 디데이 var nowday = new Date();// 현재시각 nowday = nowday.getTime();// 밀리세컨드 단위변환 var distance = dday - nowday;// 남은 시간에서 현재시작을 뺀다. var d = Math.floor(distance / (1000 * 60 * 60 * 24));// 일 var h = Math.floor((distance / (1000*60*60)) % 24);// 시간 var m = Math.floor((..

마키(marquee) 태그 사용법 2021. 7. 17. 마키(marquee) 태그 사용법 태그 안에 아래와 같은 속성들을 지정할 수 있습니다. bgcolor=[색상] | 배경 색상을 설정합니다. width=400 height=300 | 가로, 세로 크기를 설정합니다. direction="left [right|up|down]" | 스크롤 방향을 설정합니다. behavior=scroll [slide|alternate] | 움직임 속성을 지정합니다. (scroll : 한쪽 방향으로 반복 스크롤됩니다. slide : 스크롤되어와서 멈춤, alternate : 왼쪽, 오른쪽으로 반복 스크롤) loop=3 // 반복 횟수를 설정합니다. scrollamount="3" | 스크롤되는 거리간격을 픽셀 단위로 설정합니다. scrolldelay="200" ; 0.2초 | 스크롤..

HTML5 시맨틱(Semantic) 태그 2021. 7. 17. 시맨틱(Semantic) 태그란 길게 설명할 필요가 없다. 태그 그 자체가 의미를 가지는 것을 의미한다. 이 태그가 어떤 의미를 가지고, 어떤 용도로 사용되는지 유추할 수 있다. HTML5에서 이런 태그의 쓰임은 검색엔진 최적화(SEO)에 용이하다. 로봇이 웹페이지를 읽을 때 어떤 부분을 어떤 용도로 긁어갈지 분석하고 사용할 수 있다. HTML5에서 새로 제공하는 시맨틱 태그들 시맨틱 태그를 사용하지 않아도 기존 블록 태그(Div) 로만으로 충분히 페이지 구성이 가능하다. 그러나, 검색로봇이 페이지를 분석할 때는 어떤 태그가 무슨 의미를 지니는지 알 수 없기 때문에 정확한 정보를 추출하기가 어려울 수 있다. 따라서, 이러한 문제를 해결하고자 시맨틱 태그를 사용하는 것이다. 시맨틱 태그를 적극적으로 사용한..

HTML 문자참조표 2021. 7. 17. Latin 1 Character (ISO 8859-1) 문자 실제 참조 수치 문자 참조 설 명 행바꿈 금지 스페이스 ¡ ¡ ¡ ¡ 반전시킨 감탄부호 ¢ ¢ ¢ ¢ 센트 £ £ £ £ 파운드 ¤ ¤ ¤ ¤ 통화 ¥ ¥ ¥ ¥ 엔 ¦ &bvbar; ¦ ¦ 세로파선 § § § § 섹션 ¨ ¨ ¨ ¨ 모음변이 © © © © 저작권 ª ª ª ª 여성서수 « « « « 이중산괄호(시작) ¬ ¬ ¬ ¬ 노트 - ­ - ­ 소프트하이픈 ® ® ® ® 등록상표 ¯ ¯ ¯ ¯ 장음기호 ° ° ° ° 도 ± ± ± ± 플러스마이너스 ² ² ² ² 2제곱(2의 슈퍼스크립트) ³ ³ ³ ³ 3제곱 (3의 슈퍼 스크립트) ´ ´ ´ ´ 예(양음) 악센트 µ µ µ µ 마이크로 ¶ ¶ ¶ ¶ 패러그레프 · · · · 가운데점 ¸..

<ruby> 태그 위첨자 사용방법 2021. 7. 17. 태그의 정의와 사용방법 태그는 일본어의 후리가나와 같이 해당 문자의 발음이나 설명을 위 첨자로 표시할 수 있는 특징이 있습니다. 루비 주석(ruby annotation>을 정의할 때 사용할 수 있습니다. 일반적으로 태그는 태그와 태그와 함께 사용될 수 있습니다. 코드 예시 사용방법 米津玄師 MV「LOSER」歌詞かし 米津玄師 MV「LOSER」歌詞かし 이렇게 사용할 경우 와 부분은 윗 첨자를 정의할 때 사용할 수 있습니다. 태그는 태그 내부에 위치합니다. 함께 사용할 수 있는 태그는 에서 요소를 지원하지 않는 브라우저에서만 표시될 문자를 정의할 수 있습니다. 보통은 자주 사용하지는 않는 태그입니다. 위 첨자로 표시되기때문에 rt의 스타일시트를 지정해줘야 합니다. 기본형은 line-height: normal;..