HTML 활용 가이드

브라우저 JavaScript에서 API가 의미하는 것, API를 사용하는 가장 작은 HTML 페이지, 가져오기를 통해 서버 API에서 데이터를 읽는 방법 및 일반적인 오류를 수정하는 방법입니다.

하나의 스크립트 태그가 있고 빌드 단계가 없는 단일 HTML 파일에서 Vue 3을 실행합니다. 편집할 실제 예제, in-DOM 템플릿 실수, 링크로 공유하는 방법.

문서가 옆에 있는 한 주소에 데이터 세트를 게시합니다. CSV에 필요한 것, 열 메모가 중요한 이유, 버전 지정 방법

글꼴은 변환된 문서가 다르게 보이는 이유입니다. 무엇을 포함할지, 어떤 변환기를 사용할지, 수신자가 대신 페이지를 필요로 하는 경우.

아이덴티티는 시각적 시스템이고, 브랜드는 사람들이 생각하는 것입니다. 중소기업이 생산해야 하는 것은 무엇이며, 일관성을 유지하려면 어디에서 살아야 합니까?

병합, 분할, 압축 및 변환은 모두 어딘가에서 무료입니다. 문제는 파일이 컴퓨터에서 나왔는지 여부와 그 파일이 얼마나 오랫동안 남아 있는지입니다.

Svelte는 컴파일러이므로 한 줄짜리 스크립트 태그가 없습니다. 브라우저 내 컴파일러와 수정 및 공유를 사용하여 하나의 HTML 파일에서 Svelte 5 구성 요소를 실행합니다.

하나의 스크립트 태그를 사용하여 단일 HTML 파일에 jQuery를 추가한 다음 항목을 클릭하고 전환하고 추가하세요. 편집할 실제 예제, 일반적인 실수, 링크로 공유하는 방법.

일반 HTML 파일에서 Mermaid를 사용하세요. 하나의 모듈 스크립트가 다이어그램 텍스트를 SVG로 변환합니다. 실제 예제, 가장 작은 작업 페이지 및 일반적인 오류에 대한 수정 사항입니다.

설치 없이 하나의 HTML 파일에서 Angular를 실행하세요. 라이브 예제, 모든 페이지에 필요한 네 가지 부분, 로딩 시 멈추는 오류 및 공유 방법.

브라우저는 TypeScript가 아닌 JavaScript를 실행합니다. CDN의 공식 컴파일러를 사용하여 단일 HTML 파일 내에서 컴파일합니다. 실제 사례, 일반적인 오류 및 공유.

Streamlit 앱에는 실행 중인 Python 서버가 필요합니다. 대신 하나의 HTML 파일을 얻는 두 가지 방법, 일반 JavaScript로 Streamlit 스타일 앱의 라이브 예제 및 수정 사항.

PWA가 무엇인지, 하나의 HTML 파일로 할 수 있는 것과 할 수 없는 것, 설치 가능하고 오프라인으로 만들기 위해 추가하는 매니페스트와 서비스 워커. 라이브 데모 및 코드.

shadcn/ui는 스크립트 태그가 아닌 React 코드입니다. 하나의 HTML 파일(테마 토큰, Tailwind 클래스, 어두운 모드)에서 재사용할 수 있는 것과 재사용할 수 없는 것, 그리고 라이브 데모를 확인하세요.

인라인 CSS는 스타일 속성을 사용하여 요소에 규칙을 적용합니다. 그것이 옳은 두 가지 경우, 나머지 시간에는 왜 틀린지, 얼마나 특이성인지.

CSS 그리드는 선언한 행과 열에 자식을 배치합니다. 한 줄, 반복(auto-fit, minmax(170px, 1fr))은 너비가 허용하는 만큼 많은 열에 맞습니다.

CSS flexbox는 자식을 한 줄로 정렬하고 그 사이의 공간을 공유합니다. 대부분의 행을 포함하는 4가지 패턴, 축소 트랩 및 시기.

CSS 미디어 쿼리는 화면 너비, 인쇄, 어두운 모드 기본 설정 등의 조건이 충족되는 경우에만 규칙을 적용합니다. 모바일 우선으로 작성하고, 중단점을 선택하세요.