docs: 보조자료 활용하기 - do/don't 사례 추가

Author: aoqlsdl

docs/architecture/supplementary-materials.mdx

@@ -41,6 +41,31 @@ import { DoDont } from '@/components/DoDont/DoDont';
 
 주의 사항이나 추가 정보처럼 독자가 반드시 인지해야 하는 내용은 콜아웃, 굵은 글씨, 색상 블록 등을 활용해 시각적으로 강조하세요.
 
+<DoDont>
+<DoDont.Dont>
+이 설정을 변경하면 서비스 전체가 재시작되므로 주의해야 합니다. 변경 전에 트래픽이 없는 시간대를 선택하세요.
+- "주의해야 한다" 라는 표현만으로는 시각적으로 강조되지 않습니다. 중요한 정보가 본문에 묻힐 수 있어요.
+</DoDont.Dont>
+<DoDont.Do>
+::: warning 주의
+이 설정을 변경하면 서비스 전체가 재시작됩니다. 변경 전에 반드시 트래픽이 없는 시간대를 선택하세요.
+:::
+- 굵은 글씨와 색상으로 중요한 정보이라는 것을 인지할 수 있습니다.
+</DoDont.Do>
+</DoDont>
+
 ### ✅ 참조할 수 있는 링크를 제공하세요
 
 문서에서 직접 설명하기 어려운 배경지식이나 세부 정보가 있을 때는 관련 문서나 공식 자료로 연결되는 참조 링크를 추가하세요.
+
+<DoDont>
+<DoDont.Dont>
+자세한 설정 절차는 API 인증 가이드를 참고하세요.
+
+- 문서 이름만 언급하고 링크를 제공하지 않아서 사용자가 직접 경로를 찾아야 합니다.
+</DoDont.Dont>
+<DoDont.Do>
+자세한 설정 절차는 [API 인증 가이드]()를 참고하세요.
+- 관련 문서를 링크로 연결해 편하게 정보를 확인할 수 있습니다.
+</DoDont.Do>
+</DoDont>