본문 바로가기
반응형

IT/HTML15

echarts 를 티스토리에서 사용할 수 있는 지 테스트 합니다 오픈소스 차트인 echarts 사용할 수록 좋다는 것을 알 수 있네요. 티스토리에서는 사용이 가능한지 실험해봅니다 => 실험결과 안되네요. 그냥 개인블로그에서 차트 사용할때나 써야겠네요. 티스토리에서는 echarts 사용 불가 2022. 10. 20.
Escape Characters 리스트 mermaid 로 flow 그릴때 escape 문자를 지원하기에 리스트를 정리해봅니다. Number Symbol Entity Name Code Description 9 Tab 	 Tab 10 New Line 
 New Line 32 Space Space 33 ! ! Exclamation mark 34 “ " " Quotation mark 35 # # Number sign 36 $ $ Dollar sign 37 % % Percent sign 38 & & & Ampersand 39 ‘ ' Apostrophe 40 ( ( Opening/Left Parenthesis 41 ) ) Closing/Right Parenthesis 42 * * Asterisk 43 + + Plus sign.. 2022. 7. 22.
mermaid 테스트용 html gantt title 나이스앱(aOS) 루팅 단말기 실행차단 dateFormat YYYY-MM-DD excludes Sunday, Saturday section 분석 나이스앱 취약점 개선방법 : done, analysis1, 2022-07-05, 10h section 개발 나이스앱 수정 : active, development1, after analysis1, 1d 20h section 테스트 나이스앱 테스트 : test1, after development1, 10h section 적용 나이스앱 배포 : milestone, after test1, 2022-07-07, 0d click analysis1 href "https://skyksit.com/" 2022. 7. 7.
CSS 전처리기 (CSS Preprocessor) CSS Preprocessor Hexo 의 테마인 icarus 에서 Stylus 를 사용하고 있어서 Stylus 에 대해서 공부하다가 CSS 전처리기(CSS Preprocessor) 에 대해서 정리해놓으려고 합니다. CSS 전처리기란? CSS 가 복잡해지면서 CSS 코드가 늘어나니 프로그램 처럼 관리하려고 나타난 게 CSS 전처리기(CSS Preprocessor) 입니다. CSS 전처리기 구조 작성은 Syntax 에 맞게 프로그래밍 하고 컴파일러를 통해서 css 파일로 결과물이 나오는 구조 CSS 전처리기 종류 가장 유명한 CSS 전처리기는 아래 3종 입니다 Sass Less Stylus 장점 재사용성 : 프로그래밍이 가능하니 반복적인 항목을 줄일 수 있다 유지보수좋음 : 상속, 중첩을 통해 구조화된 코.. 2022. 6. 28.
CSS Cheatsheet CSS 란? CSS(Cascading Style Sheets)는 HTML 이나 XML 과 같은 구조화 된 문서를 화면, 종이 등에 어떻게 렌더링하는 지를 정의하는 언어입니다. CSS 는 HTML Element 의 Style 을 정의 합니다. 간단한 웹사이트는 CSS 를 굳이 활용하지 않아도 되지만 보통의 경우는 웹사이트를 아름답게 꾸며야 하기에 반드시 필수로 사용하게 됩니다 Cheatsheet CSS의 한장짜리 요약정보 입니다 2022. 6. 28.
언어코드 (Language Code) html 의 언어를 설정하는 lang 속성의 코드값 입니다. 한글은 ko 영어는 en 사용법 ... 코드 리스트 Language ISO Code Abkhazian ab Afar aa Afrikaans af Akan ak Albanian sq Amharic am Arabic ar Aragonese an Armenian hy Assamese as Avaric av Avestan ae Aymara ay Azerbaijani az Bambara bm Bashkir ba Basque eu Belarusian be Bengali (Bangla) bn Bihari bh Bislama bi Bosnian bs Breton br Bulgarian bg Burmese my Catalan ca Chamorro ch Chec.. 2022. 6. 28.
국가코드 (Country Code) html 의 언어를 설정하는 lang 속성의 코드값에 국가코드도 추가할 수 있습니다. 대한민국은 KR 미국은 US 사용법 ... 코드 리스트 Country ISO Code AFGHANISTAN AF ALBANIA AL ALGERIA DZ AMERICAN SAMOA AS ANDORRA AD ANGOLA AO ANTARCTICA AQ ANTIGUA AND BARBUDA AG ARGENTINA AR ARMENIA AM ARUBA AW AUSTRALIA AU AUSTRIA AT AZERBAIJAN AZ BAHAMAS BS BAHRAIN BH BANGLADESH BD BARBADOS BB BELARUS BY BELGIUM BE BELIZE BZ BENIN BJ BERMUDA BM BHUTAN BT BOLIVIA .. 2022. 6. 28.
색상명 (Color Names) 가끔 색상을 사용할 때 색상명으로 사용할 경우가 있는데 전체 리스트를 잘 안보여줘서 여기에 정리해놓습니다 색상명표 NAME HEX CODE RGB CODE IndianRed #CD5C5C rgb(205, 92, 92) LightCoral #F08080 rgb(240, 128, 128) Salmon #FA8072 rgb(250, 128, 114) DarkSalmon #E9967A rgb(233, 150, 122) LightSalmon #FFA07A rgb(255, 160, 122) Crimson #DC143C rgb(220, 20, 60) Red #FF0000 rgb(255, 0, 0) FireBrick #B22222 rgb(178, 34, 34) DarkRed #8B0000 rgb(139, 0, 0) P.. 2022. 6. 27.
SEO(Search Engine Optimization) 요약 SEO 검색엔진이 내가 작성한 문서들을 더 잘 이해하고 잘 가져가도록 하기 위한 행위입니다. 인터넷에서 검색이 잘 되기 위한 목적으로 글을 작성하는 것이기에 웹사이트 관리자의 의도대로 검색엔진이 잘 이해하고 크롤링을 해갈 수 있게 문서를 작성해줘야 합니다 title 은 검색엔진에서 제목으로 사용된다. index title 작성방법 Site/Company Name · Small keyword rich, catchy phrase · City, Country 페이지별 작성방법 Page Title · Site/Company Name 유니크한 title 이 들어가야지 검색엔진이 인식합니다 meta description 사용예제 페이지별로 유니크해야 합니다 Max 80자 이내가 좋습니다. (네이버 검색엔진이 max.. 2022. 6. 27.
하이퍼링크(Hyperlink) 작성법 WEB 의 가장 큰 특징은 연결 입니다. 하이퍼링크는 WEB 을 WEB (web, 거미줄, 연결을 의미) 답게 만들어 줍니다. 하이퍼링크(Hyperlink) 란? 모든 웹내 컨텐츠를 연결시켜주는 역할을 합니다. 링크의 구조 anchor 의 약자로 다른 컨텐츠로의 연결을 만들어줍니다. 링크는 태그와 href (hypertext reference) 속성으로 만들어 줍니다. skyksit.com Study 바로가기 skyksit.com Study 바로가기 skyksit.com Study 바로가기 skyksit.com Study 바로가기 HTML 삽입 미리보기할 수 없는 소스 title 속성 추가하기 title 속성은 마우스를 오버했을때에 툴팁에 대한 기능도 제공합니다. skyksit.com Study 바로가기.. 2022. 6. 27.
HTML TEXT 작성법 HTML 의 주요 작업이 브라우저에 텍스트 정보가 올바르게 표현될 수 있게 하는 것이다. 텍스트를 효과적으로 웹브라우저에 표현하는 방법을 정리해본다. 제목과 단락 Headings ~ 문서의 헤더를 작성할 때 사용합니다 페이지 내에서 바로가기 기준으로 설정할 때가 많습니다 HTML 삽입 미리보기할 수 없는 소스 주의사항 가급적이면 페이지 당 하나의 만 사용해야 합니다. 검색엔진이 검색하는 데 어렵습니다. 계층적으로 순서를 올바르게 사용하세요. 하위로 를 두지마세요. 3종 이상의 heading 을 사용하지 마세요. 그래야 할 경우 페이지를 나누세요. 단락 Paragraphs 글의 단락을 설정하는 태그 입니다. HTML 삽입 미리보기할 수 없는 소스 리스트 List ul : 순서없는 목록 (Unordered .. 2022. 6. 27.
HTML HEAD 작성법 HTML의 head는 페이지를 열 때 웹 브라우저에 표시되지 않습니다. head는 , CSS의 링크, 파비콘(favicon), 메타데이터(작성자, 중요한 키워드)를 포함합니다. Html HEAD 란? 본문에 표시되지 않지만 웹페이지의 중요한 정보를 담고 있는 곳 입니다. 제목달기 태그 안에 내용을 작성하면 웹브라우저 탭바에 해당 title 이 표시된다 내용은 없지만 title 은 있어요 사이트의 북마크시에도 title 내용이 기본으로 제목으로 들어간다 meta 메타데이터 에는 다양한 속성이 들어간다 문서 인코딩 charset 속성으로 문서 인코딩을 정할 수 있다. 저자와 설명 추가 는 name 과 content 속성을 가지는 데 특이하게 속성 값으로 여러가지 meta 정보를 추가하는 데 사용한다. 과 정.. 2022. 6. 27.
HTML 주요태그 링크 Links 링크를 정의하는 태그 입니다. 다른 사이트로 이동이나 다른 페이지로 이동하고 같은 페이지내에서 위치 이동시에 사용됩니다. 자바스크립트를 실행시키는 버튼으로도 사용됩니다. HTML 삽입 미리보기할 수 없는 소스 Attributes element 에 추가 정보를 제공합니다 href 라는 hyperlink 태그에 URL 정보를 나타내는 href 속성을 추가하면 Visit skyksit.com src 이미지 태그에 이미지 주소정보를 나타내는 src 속성을 추가하면 src 의 링크 내용은 절대경로와 상대경로를 넣을 수 있습니다. 절대경로 : root 를 기준으로 표시 https://skyksit.com/images/logo.png 상대경로 : 페이지를 기준으로 표시 ../../../images/l.. 2022. 6. 27.
HTML Cheatsheet (한장요약) Syntax to write an HTML element Basic markup of every HTML page Commonly used HTML elements 2022. 6. 27.
HTML HTML 이란? HTML 은 Hyper Text Markup Language 의 약자로 웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드입니다. HTML 은 프로그래밍 언어가 아닙니다; 컨텐츠의 구조를 정의하는 마크업 언어입니다. HTML은 컨텐츠의 서로 다른 부분들을 씌우거나(wrap) 감싸서(enclose) 다른 형식으로 보이게하거나 특정한 방식으로 동작하도록 하는 일련의 요소(elements)로 이루어져 있습니다. tags로 감싸는 것으로 단어나 이미지를 다른 어딘가로 하이퍼링크(hyperlink)하거나 단어들을 이탤릭체로 표시하고 글씨체를 크게 또는 작게 만드는 등의 일을 할 수 있습니다. HTML 기초 학습입니다 HTML 은 글을 문단 태그(paragraph tags)로 둘러쌈으로해서 그것이.. 2022. 6. 27.
반응형

티스토리툴바