프로토타입

webkit UI

inbox
2025. 2. 8. 인디메이커
블로그 본문 내용
대표 이미지 썸네일 주소
https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FLXwez%2FbtsMczunBv3%2FFcL57gvtE5yb1gKY4zsio0%2Fimg.gif
대표 이미지 원본 주소
https://blog.kakaocdn.net/dn/LXwez/btsMczunBv3/FcL57gvtE5yb1gKY4zsio0/img.gif

제목글#1 입니다. 헤더#1 입니다.

제목글#2 입니다. 헤더#2 입니다.

제목글#3 입니다. 헤더#3 입니다.


본문글#1 입니다.

본문글#2 입니다. 기본값이기도 합니다.

본문글#3 입니다.


기본서체입니다.

티스토리 에디터에서 제공하는 글꼴 본고딕R 입니다.

티스토리 에디터에서 제공하는 글꼴 본고딕L 입니다.

티스토리 에디터에서 제공하는 글꼴 나눔고딕 입니다.

티스토리 에디터에서 제공하는 글꼴 본명조 입니다.

티스토리 에디터에서 제공하는 글꼴 궁서 입니다.

 


왼쪽 정렬 문단입니다.

가운데 정렬 문단입니다.

오른쪽 정렬 문단입니다.

양쪽 정렬 문단입니다.


인용문 첫번째 형식입니다.
따옴표를 앞세워 정렬시킵니다.

인용문 두번째 형식입니다.
좌측 테두리 바를 들여쓰기와 함께 분리하여 시각화합니다.

인용문 세번째 형식입니다.
박스 안에 인용문을 담습니다.


이것은 테이블 입니다. 이런 식으로
표를 통해 데이터를 표현할
있습니다. 세부적인 수정은 HTML 모드를
통해 진행하는 것이 적합할 것으로
보입니다. 다양한 스타일을 제공하고 있습니다.

  • 디스크 타입의 헤더 아이콘
  • 순서 없는 목록
  • Unordered List

  • 써클 타입의 헤더 아이콘
  • 순서 없는 목록
  • Unordered List

  1. 번호가 매겨진 목록
  2. 순서가 정의된 목록
  3. Ordered List


어떠한 내용을 설명하거나 문답 형식의 목록을 작성하는 경우, 특히 긴 내용의 일부를 우선 보여주고 더보기를 통해 추가적인 반응을 유도하는 경우 접은글 기능을 적극 활용해보세요.

더보기

이런 식으로 추가적인 내용이나, 우선은 숨긴 상태에서 시작할 필요가 있는 경우에 유용하게 쓰일 수 있습니다.


<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>이런 식으로 HTML 코드를 삽입할 수 있습니다.

이건 실제 HTML 코드?

미리보기 용 HTML? 이건 실제 WYSIWYG 에디터에서 바로 코드를 실행 가능하도록 HTML 마크업을 지원하는건가?


2025.02.04 - [분류 전체보기] - 우아한형제들 회사소개

2025.02.04 - [분류 전체보기] - 이 글은 보호 설정 되었습니다.

 

이 글은 보호 설정 되었습니다.

레퍼런스https://story.baemin.com/ 배민다움 today배민을 만드는 우아한형제들이 일하는 이야기story.baemin.com https://techblog.woowahan.com/ 우아한형제들 기술블로그우아한형제들의 기술, 서비스, 비전, 가

template.tistory.com


 


로제


[첨부3]_자동차종합정보 첨부형API 이용가이드.pdf
1.76MB


01234
슬라이드쇼 - 짤 모음


스타일 가이드를 위한 각종 UI 요소는 계속 추가될 예정입니다.

 

 

inbox 카테고리 관련 글