인라인 상호작용

이 문서는 문장 안에서 바로 쓰는 상호작용 디렉티브를 모아 설명합니다. 흐름 안내, 보조 설명, 상태 강조를 기능군으로 나눠 정리해 문서 작성자가 상황에 맞는 표현을 빠르게 선택할 수 있도록 구성했습니다.

흐름 안내 기능

흐름 안내 기능은 사용자가 어떤 순서로 이동해야 하는지 문장 안에서 빠르게 전달할 때 사용합니다. 본문을 목록으로 길게 늘리지 않고도 단계 정보를 유지할 수 있어 짧은 절차 안내에 유용합니다.

인라인 화살표

작성 문법 (기본)

설정 :❯ 계정 :❯ 보안 :❯ API 키 순서로 이동합니다.

렌더링 (기본)

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. Lorem ipsum dolor sit amet consectetur adipiscing 순서로 이동합니다. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다. 가나다라마바사아자차카타파하 이것은 화면 서식 확인 순서로 처리합니다. 모든 시작은 한 걸음에서 비롯됩니다.

작성 문법 (실무형)

권한 설정은 관리자 콘솔 :❯ 워크스페이스 :❯ 멤버 :❯ 권한 정책에서 변경합니다.
배포 전 검증은 저장소 :❯ Actions :❯ Deploy :❯ 최근 실행 로그에서 확인합니다.

렌더링 (실무형)

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. Lorem ipsum dolor sit amet consectetur adipiscing에서 변경합니다. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다. 가나다라마바사아자차카타파하 Sed do eiusmod tempor 최근 실행 로그에서 확인합니다. 모든 시작은 한 걸음에서 비롯됩니다.

빛이 있으면 반드시 그림자가 따르는 법입니다. 계절은 반복되지만 매번 새롭습니다. Ut enim ad minim veniam quis nostrud exercitation ullamco 순서로 처리합니다.

툴팁

작성 문법 (기본)

여기서는:tt[인라인 툴팁] 관리자 권한이 필요한 메뉴를 먼저 확인합니다.
링크 서식 :tt[\**서식*과 [링크](/feature-guide/interactive-inline/)도 사용이 가능합니다.]도 사용이 가능합니다.

크

렌더링 (기본)

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다주. Lorem ipsum dolor sit amet consectetur adipiscing elit를 먼저 확인합니다. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다주. 빛이 있으면 반드시 그림자가 따르는 법이며 모든 시작은 한 걸음에서 비롯됩니다. 를 기준으로 진행합니다. 계절은 반복되지만 매번 새롭습니다.

작성 문법 (여러 툴팁)

배포 전:tt[인라인 툴팁] 승인자 확인:tt[인라인 툴팁]과 롤백 담당자 지정을 모두 완료해야 합니다.
오류 대응 시:tt[인라인 툴팁] 로그 보관 기간 30일 규칙을 먼저 점검합니다.

렌더링 (여러 툴팁)

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. Lorem주 ipsum dolor sit amet과 consectetur주 adipiscing elit를 모두 완료해야 합니다. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다. Sed do eiusmod주 tempor 보관 기간 30일 규칙을 먼저 점검합니다. 가나다라마바사아자차카타파하, 계절은 반복되지만 매번 새롭습니다.

빛이 있으면 반드시 그림자가 따르는 법입니다. 모든주 시작은 한 걸음에서 비롯됩니다. 봄이주 오면 꽃이 피고 여름에는 나무가 무성합니다. 항목을 순서대로 처리합니다. Ut enim ad minim veniam, quis nostrud exercitation.

상태 강조 기능

상태 강조는 문장 안의 핵심 상태를 즉시 구분시키는 용도로 사용합니다. 같은 문서 안에서는 색상 의미를 고정해 사용해야 해석 혼선을 줄일 수 있습니다.

파란색 강조 (:blue[])

:blue[안내]

안내

초기 설정은 :blue[안내] 단계부터 진행하고, 고급 설정은 다음 섹션에서 다룹니다.

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다. Sed do eiusmod tempor incididunt ut labore et dolore. 모든 시작은 한 걸음에서 비롯됩니다.

계절은 반복되지만 매번 새롭습니다. 빛이 있으면 반드시 그림자가 따르는 법이며, 가나다라마바사아자차카타파하 더미 텍스트입니다.

회색 강조 (:gray[])

:gray[보조]

보조

이 옵션은 :gray[보조] 설정이므로 기본 동작에는 영향을 주지 않습니다.

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. 이 항목은 Lorem ipsum 설정이므로 기본 동작에는 영향을 주지 않습니다. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다. Sed do eiusmod 처리는 선택 항목이며 기본 흐름과 독립적으로 동작합니다. 계절은 반복되지만 매번 새롭습니다.

빛이 있으면 반드시 그림자가 따르는 법입니다. 가나다라마바사아자차카타파하 중 보조 텍스트는 Ut enim ad minim veniam quis nostrud exercitation ullamco에 해당합니다.

빨간색 강조 (:red[])

:red[중요]

중요

운영 반영 전 :red[중요] 체크리스트 5개를 모두 완료해야 합니다.

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. 운영 반영 전 Lorem ipsum 체크리스트를 모두 완료해야 합니다. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다. Sed do eiusmod tempor incididunt ut labore et dolore. 모든 시작은 한 걸음에서 비롯됩니다.

계절은 반복되지만 매번 새롭습니다. 가나다라마바사아자차카타파하 중 중요 항목은 Duis aute irure dolor in reprehenderit in voluptate velit esse에 해당합니다.

커스텀 색상 (:color[] / :c[])

기본 제공 색상(blue, gray, red) 외에 직접 색상 값을 지정할 수 있습니다. HEX, rgb, hsl 형식을 모두 지원합니다.

:color[운영 주의]{value=#f97316} :color[검토 완료]{value=#16a34a} :color[실험적 기능]{value=#9333ea}

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. Lorem ipsum 봄이 오면 가나다라마 순서로 처리합니다. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다. Sed do eiusmod 항목은 반드시 확인하고, tempor incididunt 완료 후 ut labore 단계로 진행합니다. 계절은 반복되지만 매번 새롭습니다.

빛이 있으면 반드시 그림자가 따르는 법입니다. 모든 시작은 한 걸음에서 비롯되며, 가나다라마바사 확인 후 아자차카타파하 단계로 전환됩니다.

복합 조합 활용

인라인 디렉티브들은 같은 문장 안에서 자유롭게 조합할 수 있습니다. 화살표, 툴팁, 색상 강조를 함께 쓰면 절차 안내와 상태 표시를 한 문장으로 압축할 수 있습니다.

작성 문법

:red[필수] 설정 :❯ 계정 :❯ 권한 :❯ 메뉴:tt[인라인 툴팁]에서 변경합니다.
배포 상태는 :blue[대기] :❯ :blue[검토 중] :❯ :blue[운영 반영] 순으로 전환됩니다.
마이그레이션:tt[인라인 툴팁] 전 롤백 담당자 지정이 :red[필수] 조건입니다.
이번 릴리스는 :color[실험적]{value=#9333ea} 기능을 포함하며 스테이징:tt[인라인 툴팁] 검증이 필수입니다.

렌더링

봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. Lorem ipsum 설정 dolor sit amet 메뉴주에서 변경합니다. 강물은 유유히 흘러가고, 구름은 바람에 따라 모양을 바꿉니다.

새는 하늘을 날고, 물고기는 물 속을 헤엄칩니다. 처리 상태는 대기 중 검토 진행 완료 반영 순으로 전환됩니다. 가나다라마바사아자차카타파하, 계절은 반복되지만 매번 새롭습니다.

빛이 있으면 반드시 그림자가 따르는 법입니다. Sed do eiusmod주 tempor 담당자 지정이 필수 조건이며 모든 시작은 한 걸음에서 비롯됩니다. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

이번 실행은 실험적 기능을 포함하며 Lorem주 ipsum 검증이 필수입니다. 봄이 오면 꽃이 피고, 여름에는 나무가 무성합니다. Duis aute irure dolor in reprehenderit in voluptate velit.