본문 바로가기

전체보기33

SaaS SaaS (Software as a Service) SaaS는 소프트웨어 및 관련 데이터를 중앙에서 호스팅하고 인터넷을 통해 사용자에게 제공하는 클라우드 기반 소프트웨어 배포 모델입니다. 사용자는 별도의 설치 없이 구독 방식으로 서비스를 이용할 수 있습니다. 쉽게 말하면 월구독제 서비스 라고 보면 좋습니다. 목차 개요 작동 방식 주요 장점 단점 및 고려사항 대표적인 예시 개요 SaaS(Software as a Service)는 "서비스형 소프트웨어"라는 의미로, 사용자가 소프트웨어를 구매하여 직접 설치하는 방식이 아닌, 클라우드 공급자가 제공하는 소프트웨어를 인터넷을 통해 이용하는 .. 2025. 8. 6.
HTML 기초 HTML 기초HTML은 웹 페이지의 구조를 설계하는 마크업 언어입니다. HyperText Markup Language의 약자로, 웹의 뼈대를 만듭니다. 목차 개요 기본 문서 구조 head 태그 body 태그 시맨틱 태그 주의사항 및 팁 개요 HTML은 웹페이지를 구성하는 가장 기본적인 언어로, 텍스트, 이미지, 링크, 입력창 등 다양한 콘텐츠를 표현할 수 있습니다. HTML은 태그(tag)들을 사용하여 콘텐츠의 의미와 구조를 명시합니다. 기본 문서 구조 HTML 문서는 다음과 같은 기본 구조를 가집니다: Html 복사 .. 2025. 8. 6.
부크크 명조 폰트 Bookk Myungjo (부크크명조)부크크명조는 부크크 출판 플랫폼에서 개발한 인쇄에 최적화된 고전적인 느낌의 오픈소스 명조체입니다. 목차 개요 CDN 연결 방법 사용 예제 폰트 두께 비교 라이선스 요약표 주의사항 및 팁 개요 부크크명조는 종이책 인쇄에 적합한 명조체로, 장문의 본문에서도 눈의 피로도를 낮춰주는 구조를 갖추고 있습니다. 전통적인 명조체의 특징을 유지하면서도 디지털에서도 자연스럽게 표현되도록 설계되었습니다. CDN 연결 방법 아래 링크를 안에 삽입하면 됩니다. Html 복사 .. 2025. 8. 6.
나눔명조 폰트 Nanum Myeongjo (나눔명조)나눔명조는 네이버에서 배포한 전통적이면서도 현대적인 감각의 오픈소스 명조체로, 인쇄물과 본문용 글에 적합한 서체입니다. 목차 개요 CDN 연결 방법 사용 예제 폰트 두께 비교 라이선스 요약표 주의사항 및 팁 개요 나눔명조는 명조체의 기본 구조를 바탕으로 글줄이 가지런하고 읽기 편하게 다듬어진 서체입니다. 인쇄와 전자출판, 웹 콘텐츠에 모두 활용될 수 있으며 고급스럽고 정돈된 인상을 줍니다. CDN 연결 방법 아래 링크를 안에 삽입하면 됩니다. Html 복사 .. 2025. 8. 6.
G마켓산스 폰트 G마켓산스 폰트G마켓산스는 온라인 쇼핑몰 G마켓에서 제공하는 깔끔하고 현대적인 느낌의 무료 웹폰트입니다. 목차 개요 CDN 연결 방법 사용 예제 폰트 두께 비교 라이선스 요약표 주의사항 및 팁 개요 G마켓산스는 현대적이고 경쾌한 디자인이 특징이며, 쇼핑몰, 브랜드 사이트, 프레젠테이션 등 다양한 용도에 적합한 글꼴입니다. G마켓에서 무료로 배포하며 상업적 이용도 가능합니다. CDN 연결 방법 아래의 링크를 에 추가하여 G마켓산스를 사용할 수 있습니다. Html 복사 .. 2025. 8. 6.
티스토리 북클럽 스킨 목차 자동 생성 스크립트 티스토리 북클럽 스킨 목차 자동 생성 스크립트티스토리 북클럽 스킨에서 본문 내용의 제목 태그(h2, h3, h4)를 자동으로 감지하여, 페이지 상단에 목차(TOC)를 생성하는 JavaScript 스크립트입니다.목차개요코드 분석사용 예제주의사항 및 팁개요이 스크립트는 티스토리 북클럽 스킨의 특정 본문 영역(.entry-content > .tt_article_useless_p_margin)을 선택하여, 그 안에 있는 h2, h3, h4 태그를 찾아냅니다. 각 제목 태그에 고유한 ID를 부여하고, 제목 텍스트를 추출하여 동적으로 목차를 생성합니다. 생성된 목차는 본문 내용의 가장 첫 부분에 삽입됩니다.참고이 스크립트는 HTML과 CSS를 따로 수정할 필요 없이, 티스토리 스킨의 script.js 파일이나 별도.. 2025. 8. 5.
목차(TOC) 목차(TOC)문서나 웹페이지의 내용을 구조화하고, 사용자가 원하는 섹션으로 쉽게 이동할 수 있도록 돕는 탐색 목록입니다. 목차 개요 기능 및 역할 HTML 구조 예시 개요 목차(Table of Contents, TOC)는 긴 문서의 핵심 내용을 요약하고, 각 섹션으로 연결되는 링크를 제공하는 역할을 합니다. 이를 통해 사용자는 문서의 전체 구조를 빠르게 파악하고, 관심 있는 내용에 효율적으로 접근할 수 있습니다. 참고 웹사이트에서 목차는 일반적으로 문서의 상단이나 사이드바에 위치하여, 스크롤을 따라다니는 형태로 제공되기도 합니다. 기능 및 역할 .. 2025. 8. 5.
Noto Sans KR Noto Sans KR (본고딕)본고딕(Noto Sans KR)은 구글과 어도비가 함께 개발한 오픈소스 한글 서체로, 깔끔하고 현대적인 느낌이 특징입니다. 목차 개요 CDN 연결 방법 사용 예제 폰트 두께 비교 라이선스 요약표 주의사항 및 팁 개요 본고딕은 다양한 언어를 하나의 디자인 철학으로 표현하기 위해 제작된 서체입니다. 한글뿐만 아니라 다국어 환경에서도 깔끔하게 동작하며, 본문용으로도 UI용으로도 적합합니다. CDN 연결 방법 아래 링크를 안에 삽입하면 됩니다. Html 복사 .. 2025. 8. 5.

티스토리툴바