feat: [academy] 방화셔터 백과사전 SVG 기술 다이어그램 15장 추가
- 기존 AI 생성 PNG 12장을 기술적으로 정확한 SVG 다이어그램으로 교체 - 제조 공정 섹션(Section 3)에 신규 SVG 3장 추가 (롤포밍, 조립, 검사) - Blade 파일에서 .png → .svg 참조 변경 12곳 - 제조 공정 블록에 이미지 삽입 3곳
This commit is contained in:
김보곤
99
public/images/academy/fire-shutter/1.svg
Normal file
99
public/images/academy/fire-shutter/1.svg
Normal file
@@ -0,0 +1,99 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow1" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="30" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">방화셔터 전체 구성도 (정면도)</text>
|
||||
|
||||
<!-- 천장 슬래브 -->
|
||||
<rect x="100" y="50" width="600" height="20" fill="#9ca3af" stroke="#374151" stroke-width="1.5"/>
|
||||
<text x="400" y="64" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">천장 슬래브</text>
|
||||
|
||||
<!-- 케이스(셔터박스) -->
|
||||
<rect x="180" y="70" width="440" height="70" fill="#fff" stroke="#dc2626" stroke-width="2" rx="4"/>
|
||||
<text x="400" y="95" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#dc2626" font-weight="bold">케이스 (셔터박스)</text>
|
||||
|
||||
<!-- 샤프트 (원형) -->
|
||||
<ellipse cx="400" cy="115" rx="30" ry="18" fill="#fecaca" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<text x="400" y="119" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#991b1b">샤프트</text>
|
||||
|
||||
<!-- 감속기+모터 (좌측) -->
|
||||
<rect x="190" y="85" width="70" height="40" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="3"/>
|
||||
<text x="225" y="102" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b">감속기</text>
|
||||
<text x="225" y="114" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b">+모터</text>
|
||||
|
||||
<!-- 브라켓 (양측) -->
|
||||
<rect x="160" y="90" width="20" height="35" fill="#f87171" stroke="#991b1b" stroke-width="1" rx="2"/>
|
||||
<rect x="620" y="90" width="20" height="35" fill="#f87171" stroke="#991b1b" stroke-width="1" rx="2"/>
|
||||
|
||||
<!-- 라벨: 브라켓 -->
|
||||
<line x1="130" y1="107" x2="160" y2="107" stroke="#991b1b" stroke-width="0.8" marker-end="url(#arrow1)"/>
|
||||
<text x="128" y="111" text-anchor="end" font-family="sans-serif" font-size="9" fill="#991b1b">브라켓</text>
|
||||
<line x1="670" y1="107" x2="640" y2="107" stroke="#991b1b" stroke-width="0.8" marker-end="url(#arrow1)"/>
|
||||
<text x="672" y="111" text-anchor="start" font-family="sans-serif" font-size="9" fill="#991b1b">브라켓</text>
|
||||
|
||||
<!-- 가이드레일 (좌) -->
|
||||
<rect x="155" y="140" width="25" height="290" fill="#fca5a5" stroke="#dc2626" stroke-width="1.5" rx="2"/>
|
||||
<text x="167" y="290" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b" transform="rotate(-90,167,290)">가이드레일 (좌)</text>
|
||||
|
||||
<!-- 가이드레일 (우) -->
|
||||
<rect x="620" y="140" width="25" height="290" fill="#fca5a5" stroke="#dc2626" stroke-width="1.5" rx="2"/>
|
||||
<text x="632" y="290" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b" transform="rotate(90,632,290)">가이드레일 (우)</text>
|
||||
|
||||
<!-- 슬랫 커튼 (감김 상태에서 내려온 모습) -->
|
||||
<g>
|
||||
<!-- 슬랫 라인들 -->
|
||||
<rect x="180" y="145" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="159" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="173" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="187" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="201" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="215" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="229" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="243" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="257" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="271" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="285" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="299" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="313" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="327" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="341" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="355" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="369" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="383" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="397" width="440" height="12" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="180" y="411" width="440" height="12" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
</g>
|
||||
|
||||
<!-- 슬랫 커튼 라벨 -->
|
||||
<line x1="650" y1="280" x2="700" y2="260" stroke="#991b1b" stroke-width="0.8"/>
|
||||
<text x="702" y="264" text-anchor="start" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">슬랫 커튼</text>
|
||||
<text x="702" y="276" text-anchor="start" font-family="sans-serif" font-size="8" fill="#6b7280">(인터록킹 결합)</text>
|
||||
|
||||
<!-- 하단바 -->
|
||||
<rect x="175" y="425" width="450" height="14" fill="#dc2626" stroke="#991b1b" stroke-width="1.5" rx="3"/>
|
||||
<text x="400" y="436" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fff" font-weight="bold">하단바 (Bottom Bar)</text>
|
||||
|
||||
<!-- 바닥 -->
|
||||
<rect x="100" y="445" width="600" height="10" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
<text x="400" y="470" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#6b7280">바닥면</text>
|
||||
|
||||
<!-- 차연재 라벨 -->
|
||||
<line x1="155" y1="200" x2="110" y2="180" stroke="#991b1b" stroke-width="0.8"/>
|
||||
<text x="108" y="175" text-anchor="end" font-family="sans-serif" font-size="8" fill="#991b1b">차연재</text>
|
||||
|
||||
<!-- 치수선: 높이 -->
|
||||
<line x1="90" y1="140" x2="90" y2="445" stroke="#374151" stroke-width="0.5" stroke-dasharray="3,2"/>
|
||||
<line x1="86" y1="140" x2="94" y2="140" stroke="#374151" stroke-width="0.8"/>
|
||||
<line x1="86" y1="445" x2="94" y2="445" stroke="#374151" stroke-width="0.8"/>
|
||||
<text x="85" y="295" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#374151" transform="rotate(-90,85,295)">셔터 높이 (H)</text>
|
||||
|
||||
<!-- 치수선: 폭 -->
|
||||
<line x1="180" y1="480" x2="620" y2="480" stroke="#374151" stroke-width="0.5" stroke-dasharray="3,2"/>
|
||||
<line x1="180" y1="476" x2="180" y2="484" stroke="#374151" stroke-width="0.8"/>
|
||||
<line x1="620" y1="476" x2="620" y2="484" stroke="#374151" stroke-width="0.8"/>
|
||||
<text x="400" y="492" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#374151">셔터 폭 (W)</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.1 KiB |
80
public/images/academy/fire-shutter/10.svg
Normal file
80
public/images/academy/fire-shutter/10.svg
Normal file
@@ -0,0 +1,80 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">유지보수 점검 항목 — 주기별 인포그래픽</text>
|
||||
|
||||
<!-- 중앙 셔터 아이콘 -->
|
||||
<circle cx="400" cy="230" r="65" fill="#fee2e2" stroke="#dc2626" stroke-width="2"/>
|
||||
<rect x="375" y="185" width="50" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="375" y="195" width="50" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="375" y="205" width="50" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="375" y="215" width="50" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="375" y="225" width="50" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="375" y="235" width="50" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="375" y="245" width="50" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="375" y="255" width="50" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<text x="400" y="280" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">방화셔터</text>
|
||||
|
||||
<!-- 월간 점검 (상단 좌) -->
|
||||
<rect x="40" y="50" width="200" height="130" fill="#fff" stroke="#16a34a" stroke-width="2" rx="8"/>
|
||||
<rect x="40" y="50" width="200" height="28" fill="#dcfce7" rx="8"/>
|
||||
<rect x="40" y="72" width="200" height="6" fill="#dcfce7"/>
|
||||
<circle cx="60" cy="64" r="10" fill="#16a34a"/>
|
||||
<text x="60" y="68" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#fff" font-weight="bold">월</text>
|
||||
<text x="150" y="68" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#166534" font-weight="bold">월간 점검</text>
|
||||
<text x="55" y="98" font-family="sans-serif" font-size="9" fill="#374151">- 슬랫 변형/파손 육안 검사</text>
|
||||
<text x="55" y="113" font-family="sans-serif" font-size="9" fill="#374151">- 전동 개폐 시험 (1회)</text>
|
||||
<text x="55" y="128" font-family="sans-serif" font-size="9" fill="#374151">- 경보음 출력 확인</text>
|
||||
<text x="55" y="143" font-family="sans-serif" font-size="9" fill="#374151">- 가이드레일 이물질 확인</text>
|
||||
<text x="55" y="158" font-family="sans-serif" font-size="9" fill="#374151">- 수동조작함 열쇠 확인</text>
|
||||
<!-- 연결선 -->
|
||||
<line x1="240" y1="115" x2="335" y2="200" stroke="#16a34a" stroke-width="1.5" stroke-dasharray="4,2"/>
|
||||
|
||||
<!-- 분기 점검 (상단 우) -->
|
||||
<rect x="560" y="50" width="200" height="130" fill="#fff" stroke="#2563eb" stroke-width="2" rx="8"/>
|
||||
<rect x="560" y="50" width="200" height="28" fill="#dbeafe" rx="8"/>
|
||||
<rect x="560" y="72" width="200" height="6" fill="#dbeafe"/>
|
||||
<circle cx="580" cy="64" r="10" fill="#2563eb"/>
|
||||
<text x="580" y="68" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#fff" font-weight="bold">분기</text>
|
||||
<text x="670" y="68" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#1e40af" font-weight="bold">분기 점검</text>
|
||||
<text x="575" y="98" font-family="sans-serif" font-size="9" fill="#374151">- 감지기 연동 시험 (2단계)</text>
|
||||
<text x="575" y="113" font-family="sans-serif" font-size="9" fill="#374151">- 리밋스위치 동작 확인</text>
|
||||
<text x="575" y="128" font-family="sans-serif" font-size="9" fill="#374151">- 하단바 바닥 밀착도 확인</text>
|
||||
<text x="575" y="143" font-family="sans-serif" font-size="9" fill="#374151">- 차연재 상태 확인</text>
|
||||
<!-- 연결선 -->
|
||||
<line x1="560" y1="115" x2="465" y2="200" stroke="#2563eb" stroke-width="1.5" stroke-dasharray="4,2"/>
|
||||
|
||||
<!-- 반기 점검 (하단 좌) -->
|
||||
<rect x="40" y="300" width="200" height="130" fill="#fff" stroke="#f59e0b" stroke-width="2" rx="8"/>
|
||||
<rect x="40" y="300" width="200" height="28" fill="#fef3c7" rx="8"/>
|
||||
<rect x="40" y="322" width="200" height="6" fill="#fef3c7"/>
|
||||
<circle cx="60" cy="314" r="10" fill="#f59e0b"/>
|
||||
<text x="60" y="318" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#fff" font-weight="bold">반기</text>
|
||||
<text x="150" y="318" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#b45309" font-weight="bold">반기 점검</text>
|
||||
<text x="55" y="348" font-family="sans-serif" font-size="9" fill="#374151">- 감속기 주유(그리스) 확인</text>
|
||||
<text x="55" y="363" font-family="sans-serif" font-size="9" fill="#374151">- 전자브레이크 마모 점검</text>
|
||||
<text x="55" y="378" font-family="sans-serif" font-size="9" fill="#374151">- 배선 접속부 풀림/발열</text>
|
||||
<text x="55" y="393" font-family="sans-serif" font-size="9" fill="#374151">- 밸런스 스프링 텐션 확인</text>
|
||||
<!-- 연결선 -->
|
||||
<line x1="240" y1="365" x2="335" y2="265" stroke="#f59e0b" stroke-width="1.5" stroke-dasharray="4,2"/>
|
||||
|
||||
<!-- 연간 점검 (하단 우) -->
|
||||
<rect x="560" y="300" width="200" height="145" fill="#fff" stroke="#dc2626" stroke-width="2" rx="8"/>
|
||||
<rect x="560" y="300" width="200" height="28" fill="#fee2e2" rx="8"/>
|
||||
<rect x="560" y="322" width="200" height="6" fill="#fee2e2"/>
|
||||
<circle cx="580" cy="314" r="10" fill="#dc2626"/>
|
||||
<text x="580" y="318" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#fff" font-weight="bold">연</text>
|
||||
<text x="670" y="318" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#991b1b" font-weight="bold">연간 점검</text>
|
||||
<text x="575" y="348" font-family="sans-serif" font-size="9" fill="#374151">- 슬랫 전체 인터록킹 점검</text>
|
||||
<text x="575" y="363" font-family="sans-serif" font-size="9" fill="#374151">- 가이드레일 앵커 체결력</text>
|
||||
<text x="575" y="378" font-family="sans-serif" font-size="9" fill="#374151">- 도장/도금 상태 (녹 여부)</text>
|
||||
<text x="575" y="393" font-family="sans-serif" font-size="9" fill="#374151">- 내화충전재 상태 확인</text>
|
||||
<text x="575" y="408" font-family="sans-serif" font-size="9" fill="#374151">- 연동제어기 회로 종합점검</text>
|
||||
<text x="575" y="423" font-family="sans-serif" font-size="9" fill="#374151">- 소방 정기검사 대비</text>
|
||||
<!-- 연결선 -->
|
||||
<line x1="560" y1="370" x2="465" y2="265" stroke="#dc2626" stroke-width="1.5" stroke-dasharray="4,2"/>
|
||||
|
||||
<!-- 하단 법적 근거 -->
|
||||
<rect x="100" y="458" width="600" height="32" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="400" y="478" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#374151">법적 근거: 작동기능점검 연 1회 이상 | 종합정밀점검 연 1회 이상 (특급: 반기 1회) | 미준수 시 과태료 부과</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.8 KiB |
121
public/images/academy/fire-shutter/11.svg
Normal file
121
public/images/academy/fire-shutter/11.svg
Normal file
@@ -0,0 +1,121 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<pattern id="fabric" patternUnits="userSpaceOnUse" width="6" height="6">
|
||||
<line x1="0" y1="0" x2="6" y2="6" stroke="#fca5a5" stroke-width="0.5"/>
|
||||
<line x1="6" y1="0" x2="0" y2="6" stroke="#fca5a5" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">강판형 vs 스크린형 — 비교 다이어그램</text>
|
||||
|
||||
<!-- 중앙 구분선 -->
|
||||
<line x1="400" y1="45" x2="400" y2="460" stroke="#dc2626" stroke-width="2" stroke-dasharray="8,4"/>
|
||||
<text x="400" y="475" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#dc2626">VS</text>
|
||||
|
||||
<!-- ==================== 좌: 강판형 ==================== -->
|
||||
<text x="200" y="58" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#991b1b" font-weight="bold">강판형 (Steel Plate)</text>
|
||||
|
||||
<!-- 강판형 셔터 정면 -->
|
||||
<rect x="80" y="75" width="240" height="200" fill="#fff" stroke="#dc2626" stroke-width="1.5" rx="6"/>
|
||||
|
||||
<!-- 천장 케이스 -->
|
||||
<rect x="90" y="80" width="220" height="25" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="3"/>
|
||||
<text x="200" y="96" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b">케이스 (천장 매립)</text>
|
||||
|
||||
<!-- 가이드레일 -->
|
||||
<rect x="90" y="105" width="10" height="160" fill="#fca5a5" stroke="#dc2626" stroke-width="0.8"/>
|
||||
<rect x="300" y="105" width="10" height="160" fill="#fca5a5" stroke="#dc2626" stroke-width="0.8"/>
|
||||
|
||||
<!-- 슬랫 (EGI 강판) -->
|
||||
<rect x="100" y="108" width="200" height="10" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="120" width="200" height="10" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="132" width="200" height="10" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="144" width="200" height="10" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="156" width="200" height="10" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="168" width="200" height="10" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="180" width="200" height="10" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="192" width="200" height="10" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="204" width="200" height="10" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="216" width="200" height="10" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="228" width="200" height="10" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="100" y="240" width="200" height="10" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
|
||||
<!-- 하단바 -->
|
||||
<rect x="95" y="252" width="210" height="8" fill="#dc2626" stroke="#991b1b" stroke-width="1" rx="1"/>
|
||||
|
||||
<!-- 슬랫 단면 확대 -->
|
||||
<text x="200" y="290" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">슬랫 단면 (인터록킹)</text>
|
||||
<!-- 단면 표현 -->
|
||||
<rect x="110" y="300" width="180" height="16" fill="#fecdd3" stroke="#dc2626" stroke-width="1.5" rx="1"/>
|
||||
<path d="M290,316 L290,322 C290,332 280,338 274,338 C268,338 262,332 264,324" fill="none" stroke="#dc2626" stroke-width="2"/>
|
||||
<rect x="110" y="345" width="180" height="16" fill="#fecdd3" stroke="#dc2626" stroke-width="1.5" rx="1"/>
|
||||
<path d="M290,345 L290,338 C290,328 280,322 274,322 C268,322 262,328 264,336" fill="none" stroke="#dc2626" stroke-width="2"/>
|
||||
<text x="325" y="333" font-family="sans-serif" font-size="8" fill="#991b1b">맞물림</text>
|
||||
|
||||
<!-- 특성 목록 -->
|
||||
<rect x="60" y="375" width="280" height="80" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="75" y="395" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">재질: EGI (전기아연도금강판)</text>
|
||||
<text x="75" y="410" font-family="sans-serif" font-size="9" fill="#374151">두께: 방화용 1.6mm (KS F 4510)</text>
|
||||
<text x="75" y="425" font-family="sans-serif" font-size="9" fill="#374151">밀폐성/내구성 우수, 차연 성능 높음</text>
|
||||
<text x="75" y="440" font-family="sans-serif" font-size="9" fill="#6b7280">중량 무거움 → 대형시 모터 용량 증가</text>
|
||||
|
||||
<!-- ==================== 우: 스크린형 ==================== -->
|
||||
<text x="600" y="58" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#991b1b" font-weight="bold">스크린형 (Screen / Fabric)</text>
|
||||
|
||||
<!-- 스크린형 셔터 정면 -->
|
||||
<rect x="480" y="75" width="240" height="200" fill="#fff" stroke="#dc2626" stroke-width="1.5" rx="6"/>
|
||||
|
||||
<!-- 천장 케이스 -->
|
||||
<rect x="490" y="80" width="220" height="25" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="3"/>
|
||||
<text x="600" y="96" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b">케이스 (천장 매립)</text>
|
||||
|
||||
<!-- 와이어 가이드 -->
|
||||
<line x1="498" y1="105" x2="498" y2="265" stroke="#374151" stroke-width="2"/>
|
||||
<line x1="702" y1="105" x2="702" y2="265" stroke="#374151" stroke-width="2"/>
|
||||
|
||||
<!-- 스크린 (실리카 섬유 - 패턴 적용) -->
|
||||
<rect x="498" y="108" width="204" height="148" fill="url(#fabric)" stroke="none"/>
|
||||
<rect x="498" y="108" width="204" height="148" fill="#fce7f3" fill-opacity="0.3" stroke="#ec4899" stroke-width="0.5"/>
|
||||
|
||||
<!-- 반투명 표현 -->
|
||||
<text x="600" y="165" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#be185d" font-weight="bold" opacity="0.7">반투명</text>
|
||||
<text x="600" y="180" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#be185d" opacity="0.7">(반대편 육안 확인 가능)</text>
|
||||
|
||||
<!-- 화염 아이콘 (반대편 보임) -->
|
||||
<text x="600" y="210" text-anchor="middle" font-family="sans-serif" font-size="14" opacity="0.4">🔥</text>
|
||||
|
||||
<!-- 하부 웨이트바 -->
|
||||
<rect x="495" y="258" width="210" height="6" fill="#374151" stroke="#1f2937" stroke-width="1" rx="1"/>
|
||||
|
||||
<!-- 실리카 섬유 표현 -->
|
||||
<text x="600" y="290" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">실리카 섬유 직조 구조</text>
|
||||
<!-- 직조 패턴 확대 -->
|
||||
<rect x="520" y="300" width="160" height="60" fill="#fff" stroke="#ec4899" stroke-width="1" rx="4"/>
|
||||
<g transform="translate(530, 310)">
|
||||
<!-- 직조 패턴 -->
|
||||
<line x1="0" y1="0" x2="140" y2="0" stroke="#f87171" stroke-width="1.5"/>
|
||||
<line x1="0" y1="8" x2="140" y2="8" stroke="#fca5a5" stroke-width="1"/>
|
||||
<line x1="0" y1="16" x2="140" y2="16" stroke="#f87171" stroke-width="1.5"/>
|
||||
<line x1="0" y1="24" x2="140" y2="24" stroke="#fca5a5" stroke-width="1"/>
|
||||
<line x1="0" y1="32" x2="140" y2="32" stroke="#f87171" stroke-width="1.5"/>
|
||||
<line x1="0" y1="40" x2="140" y2="40" stroke="#fca5a5" stroke-width="1"/>
|
||||
<!-- 세로 직조 -->
|
||||
<line x1="0" y1="0" x2="0" y2="40" stroke="#fca5a5" stroke-width="0.8"/>
|
||||
<line x1="20" y1="0" x2="20" y2="40" stroke="#fca5a5" stroke-width="0.8"/>
|
||||
<line x1="40" y1="0" x2="40" y2="40" stroke="#fca5a5" stroke-width="0.8"/>
|
||||
<line x1="60" y1="0" x2="60" y2="40" stroke="#fca5a5" stroke-width="0.8"/>
|
||||
<line x1="80" y1="0" x2="80" y2="40" stroke="#fca5a5" stroke-width="0.8"/>
|
||||
<line x1="100" y1="0" x2="100" y2="40" stroke="#fca5a5" stroke-width="0.8"/>
|
||||
<line x1="120" y1="0" x2="120" y2="40" stroke="#fca5a5" stroke-width="0.8"/>
|
||||
<line x1="140" y1="0" x2="140" y2="40" stroke="#fca5a5" stroke-width="0.8"/>
|
||||
</g>
|
||||
<text x="600" y="355" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">SiO₂ 계열 특수 내화섬유</text>
|
||||
|
||||
<!-- 특성 목록 -->
|
||||
<rect x="460" y="375" width="280" height="80" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="475" y="395" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">재질: 실리카(SiO₂) 내화섬유 직조</text>
|
||||
<text x="475" y="410" font-family="sans-serif" font-size="9" fill="#374151">가이드레일 폭 11mm 수준 (경량)</text>
|
||||
<text x="475" y="425" font-family="sans-serif" font-size="9" fill="#374151">반투명, 에스컬레이터/아트리움 적합</text>
|
||||
<text x="475" y="440" font-family="sans-serif" font-size="9" fill="#6b7280">와이어 가이드 방식, 대형 개구부용</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.4 KiB |
101
public/images/academy/fire-shutter/12.svg
Normal file
101
public/images/academy/fire-shutter/12.svg
Normal file
@@ -0,0 +1,101 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">주요 고장 유형 4종</text>
|
||||
|
||||
<!-- === 카드 1: 슬랫 탈선/변형 === -->
|
||||
<rect x="30" y="50" width="350" height="190" fill="#fff" stroke="#dc2626" stroke-width="2" rx="10"/>
|
||||
<!-- 아이콘 영역 -->
|
||||
<rect x="40" y="60" width="80" height="80" fill="#fee2e2" rx="8"/>
|
||||
<!-- 슬랫 탈선 아이콘 -->
|
||||
<rect x="55" y="75" width="50" height="6" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<rect x="55" y="83" width="50" height="6" fill="#ffe4e6" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<rect x="60" y="91" width="50" height="6" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1" transform="rotate(8,85,94)"/>
|
||||
<rect x="55" y="103" width="50" height="6" fill="#ffe4e6" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<rect x="55" y="111" width="50" height="6" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<!-- X 표시 -->
|
||||
<line x1="65" y1="120" x2="100" y2="70" stroke="#dc2626" stroke-width="2.5"/>
|
||||
<line x1="65" y1="70" x2="100" y2="120" stroke="#dc2626" stroke-width="2.5"/>
|
||||
|
||||
<text x="135" y="76" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">1. 슬랫 이탈 / 변형</text>
|
||||
<text x="135" y="98" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">증상</text>
|
||||
<text x="170" y="98" font-family="sans-serif" font-size="9" fill="#6b7280">개폐 시 이음, 커튼 불균일</text>
|
||||
<text x="135" y="115" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">원인</text>
|
||||
<text x="170" y="115" font-family="sans-serif" font-size="9" fill="#6b7280">외부 충격, 가이드레일 변형</text>
|
||||
<text x="135" y="132" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">대처</text>
|
||||
<text x="170" y="132" font-family="sans-serif" font-size="9" fill="#6b7280">슬랫 재삽입/교체, 레일 정렬</text>
|
||||
<!-- 위험도 -->
|
||||
<rect x="135" y="145" width="55" height="20" fill="#fef3c7" stroke="#f59e0b" stroke-width="1" rx="10"/>
|
||||
<text x="162" y="159" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#b45309" font-weight="bold">중간 위험</text>
|
||||
|
||||
<!-- === 카드 2: 모터 과열/소손 === -->
|
||||
<rect x="420" y="50" width="350" height="190" fill="#fff" stroke="#dc2626" stroke-width="2" rx="10"/>
|
||||
<!-- 아이콘 영역 -->
|
||||
<rect x="430" y="60" width="80" height="80" fill="#fee2e2" rx="8"/>
|
||||
<!-- 모터 아이콘 -->
|
||||
<circle cx="470" cy="100" r="25" fill="#fecaca" stroke="#dc2626" stroke-width="2"/>
|
||||
<circle cx="470" cy="100" r="12" fill="#fef2f2" stroke="#dc2626" stroke-width="1"/>
|
||||
<circle cx="470" cy="100" r="4" fill="#dc2626"/>
|
||||
<!-- 열기 표현 -->
|
||||
<path d="M498,82 Q502,76 498,70" fill="none" stroke="#f97316" stroke-width="1.5"/>
|
||||
<path d="M505,85 Q509,79 505,73" fill="none" stroke="#f97316" stroke-width="1.5"/>
|
||||
<path d="M498,120 Q502,126 498,132" fill="none" stroke="#f97316" stroke-width="1.5"/>
|
||||
|
||||
<text x="525" y="76" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">2. 전동모터 소손</text>
|
||||
<text x="525" y="98" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">증상</text>
|
||||
<text x="560" y="98" font-family="sans-serif" font-size="9" fill="#6b7280">이상 발열, 전동 개폐 불가</text>
|
||||
<text x="525" y="115" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">원인</text>
|
||||
<text x="560" y="115" font-family="sans-serif" font-size="9" fill="#6b7280">과부하, 스프링 파손, 이물질</text>
|
||||
<text x="525" y="132" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">대처</text>
|
||||
<text x="560" y="132" font-family="sans-serif" font-size="9" fill="#6b7280">모터 교체, 과부하 원인 제거</text>
|
||||
<!-- 위험도 -->
|
||||
<rect x="525" y="145" width="55" height="20" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="10"/>
|
||||
<text x="552" y="159" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b" font-weight="bold">높은 위험</text>
|
||||
|
||||
<!-- === 카드 3: 스프링 파손 === -->
|
||||
<rect x="30" y="260" width="350" height="190" fill="#fff" stroke="#dc2626" stroke-width="2" rx="10"/>
|
||||
<!-- 아이콘 영역 -->
|
||||
<rect x="40" y="270" width="80" height="80" fill="#fee2e2" rx="8"/>
|
||||
<!-- 스프링 아이콘 (파손) -->
|
||||
<path d="M55,285 L65,310 L75,285 L85,310 L95,285 L105,310" fill="none" stroke="#f59e0b" stroke-width="2.5"/>
|
||||
<!-- 파손 표현 -->
|
||||
<line x1="78" y1="293" x2="82" y2="303" stroke="#dc2626" stroke-width="3"/>
|
||||
<text x="80" y="340" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#dc2626" font-weight="bold">파손!</text>
|
||||
|
||||
<text x="135" y="286" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">3. 밸런스 스프링 파손</text>
|
||||
<text x="135" y="308" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">증상</text>
|
||||
<text x="170" y="308" font-family="sans-serif" font-size="9" fill="#6b7280">셔터 자중 하강(슬립), 개폐 무거움</text>
|
||||
<text x="135" y="325" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">원인</text>
|
||||
<text x="170" y="325" font-family="sans-serif" font-size="9" fill="#6b7280">피로 파괴, 과도한 텐션, 경년 열화</text>
|
||||
<text x="135" y="342" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">대처</text>
|
||||
<text x="170" y="342" font-family="sans-serif" font-size="9" fill="#6b7280">스프링 교체, 텐션 재조정</text>
|
||||
<!-- 위험도 -->
|
||||
<rect x="135" y="355" width="55" height="20" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="10"/>
|
||||
<text x="162" y="369" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b" font-weight="bold">높은 위험</text>
|
||||
|
||||
<!-- === 카드 4: 감지기 오작동 === -->
|
||||
<rect x="420" y="260" width="350" height="190" fill="#fff" stroke="#dc2626" stroke-width="2" rx="10"/>
|
||||
<!-- 아이콘 영역 -->
|
||||
<rect x="430" y="270" width="80" height="80" fill="#fee2e2" rx="8"/>
|
||||
<!-- 감지기 아이콘 -->
|
||||
<circle cx="470" cy="300" r="20" fill="#fef3c7" stroke="#f59e0b" stroke-width="2"/>
|
||||
<text x="470" y="304" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#b45309" font-weight="bold">감지</text>
|
||||
<!-- 물결표시 (오작동) -->
|
||||
<path d="M455,325 Q462,318 470,325 Q478,332 485,325" fill="none" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<text x="470" y="345" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#dc2626">오작동!</text>
|
||||
|
||||
<text x="525" y="286" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">4. 감지기 오작동</text>
|
||||
<text x="525" y="308" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">증상</text>
|
||||
<text x="560" y="308" font-family="sans-serif" font-size="9" fill="#6b7280">비화재보 오하강, 미동작</text>
|
||||
<text x="525" y="325" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">원인</text>
|
||||
<text x="560" y="325" font-family="sans-serif" font-size="9" fill="#6b7280">감지기 오염/노후, 배선 단선</text>
|
||||
<text x="525" y="342" font-family="sans-serif" font-size="9" fill="#374151" font-weight="bold">대처</text>
|
||||
<text x="560" y="342" font-family="sans-serif" font-size="9" fill="#6b7280">감지기 청소/교체, 배선 점검</text>
|
||||
<!-- 위험도 -->
|
||||
<rect x="525" y="355" width="65" height="20" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="10"/>
|
||||
<text x="557" y="369" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b" font-weight="bold">매우 위험</text>
|
||||
|
||||
<!-- 하단 경고 -->
|
||||
<rect x="100" y="462" width="600" height="28" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5" rx="6"/>
|
||||
<text x="400" y="480" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">고장 발견 시 즉시 전문 업체에 수리 의뢰 — 방치 시 화재 피해 확대 및 과태료 부과 대상</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.1 KiB |
145
public/images/academy/fire-shutter/13.svg
Normal file
145
public/images/academy/fire-shutter/13.svg
Normal file
@@ -0,0 +1,145 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
|
||||
<defs>
|
||||
<marker id="arrow13" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="400" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">슬랫 롤포밍 공정 — 라인 측면도</text>
|
||||
|
||||
<!-- 공정 라인 베이스 -->
|
||||
<rect x="30" y="280" width="740" height="6" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
|
||||
<!-- === 1. 코일 언코일러 === -->
|
||||
<g transform="translate(40, 100)">
|
||||
<!-- 코일 (감긴 강판) -->
|
||||
<circle cx="50" cy="130" r="50" fill="#fecdd3" stroke="#dc2626" stroke-width="2"/>
|
||||
<circle cx="50" cy="130" r="25" fill="#fef2f2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="50" cy="130" r="8" fill="#dc2626"/>
|
||||
<!-- 코일 감김 라인 -->
|
||||
<circle cx="50" cy="130" r="40" fill="none" stroke="#e11d48" stroke-width="0.5"/>
|
||||
<circle cx="50" cy="130" r="33" fill="none" stroke="#e11d48" stroke-width="0.5"/>
|
||||
<!-- 받침대 -->
|
||||
<rect x="25" y="180" width="50" height="18" fill="#374151" stroke="#1f2937" stroke-width="1" rx="2"/>
|
||||
<!-- 라벨 -->
|
||||
<text x="50" y="40" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">1. 언코일러</text>
|
||||
<text x="50" y="55" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">EGI 코일 장착</text>
|
||||
</g>
|
||||
|
||||
<!-- 강판이 풀려나오는 선 -->
|
||||
<line x1="140" y1="230" x2="220" y2="210" stroke="#dc2626" stroke-width="2.5"/>
|
||||
|
||||
<!-- 화살표 -->
|
||||
<line x1="155" y1="300" x2="190" y2="300" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow13)"/>
|
||||
|
||||
<!-- === 2. 레벨러 === -->
|
||||
<g transform="translate(200, 140)">
|
||||
<!-- 상단 롤러들 -->
|
||||
<circle cx="15" cy="60" r="12" fill="#fca5a5" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="45" cy="60" r="12" fill="#fca5a5" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="75" cy="60" r="12" fill="#fca5a5" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<!-- 하단 롤러들 -->
|
||||
<circle cx="30" cy="82" r="12" fill="#fecaca" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="60" cy="82" r="12" fill="#fecaca" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<!-- 강판 통과 -->
|
||||
<line x1="0" y1="71" x2="90" y2="71" stroke="#e11d48" stroke-width="2.5"/>
|
||||
<!-- 프레임 -->
|
||||
<rect x="0" y="45" width="90" height="55" fill="none" stroke="#374151" stroke-width="1" stroke-dasharray="4,2" rx="3"/>
|
||||
<!-- 받침대 -->
|
||||
<rect x="10" y="100" width="70" height="38" fill="#374151" stroke="#1f2937" stroke-width="1" rx="2"/>
|
||||
<!-- 라벨 -->
|
||||
<text x="45" y="0" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">2. 레벨러</text>
|
||||
<text x="45" y="15" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">평탄화 교정</text>
|
||||
</g>
|
||||
|
||||
<!-- 화살표 -->
|
||||
<line x1="295" y1="300" x2="330" y2="300" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow13)"/>
|
||||
|
||||
<!-- 강판 연속 -->
|
||||
<line x1="290" y1="211" x2="345" y2="211" stroke="#e11d48" stroke-width="2.5"/>
|
||||
|
||||
<!-- === 3. 롤포밍 스탠드 === -->
|
||||
<g transform="translate(340, 110)">
|
||||
<!-- 다단 롤러 쌍 -->
|
||||
<!-- 스탠드 1 -->
|
||||
<circle cx="15" cy="88" r="14" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="15" cy="115" r="14" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<!-- 스탠드 2 -->
|
||||
<circle cx="55" cy="85" r="14" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="55" cy="118" r="14" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<!-- 스탠드 3 -->
|
||||
<circle cx="95" cy="82" r="14" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="95" cy="120" r="14" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<!-- 스탠드 4 -->
|
||||
<circle cx="135" cy="80" r="14" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="135" cy="122" r="14" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5"/>
|
||||
|
||||
<!-- 강판 변형 과정 (점진적) -->
|
||||
<path d="M0,101 L15,101 C30,101 35,99 55,98 C75,97 80,96 95,94 C115,92 120,90 135,88 L170,86" fill="none" stroke="#e11d48" stroke-width="3"/>
|
||||
|
||||
<!-- 강판 형상 변화 표시 -->
|
||||
<text x="15" y="142" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#6b7280">평판</text>
|
||||
<text x="55" y="145" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#6b7280">곡률↑</text>
|
||||
<text x="95" y="148" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#6b7280">곡률↑↑</text>
|
||||
<text x="135" y="150" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#6b7280">완성</text>
|
||||
|
||||
<!-- 프레임 -->
|
||||
<rect x="-5" y="65" width="160" height="90" fill="none" stroke="#dc2626" stroke-width="1.5" stroke-dasharray="5,3" rx="4"/>
|
||||
<!-- 받침대 -->
|
||||
<rect x="10" y="155" width="130" height="23" fill="#374151" stroke="#1f2937" stroke-width="1" rx="2"/>
|
||||
<!-- 라벨 -->
|
||||
<text x="75" y="0" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">3. 롤포밍 (다단)</text>
|
||||
<text x="75" y="15" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">점진적 슬랫 형상 성형</text>
|
||||
<text x="75" y="30" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#dc2626">핵심 공정</text>
|
||||
</g>
|
||||
|
||||
<!-- 화살표 -->
|
||||
<line x1="510" y1="300" x2="545" y2="300" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow13)"/>
|
||||
|
||||
<!-- 성형된 슬랫 -->
|
||||
<path d="M510,196 L555,196" fill="none" stroke="#e11d48" stroke-width="3"/>
|
||||
|
||||
<!-- === 4. 절단기 === -->
|
||||
<g transform="translate(555, 140)">
|
||||
<!-- 절단 날 -->
|
||||
<rect x="15" y="30" width="50" height="15" fill="#f87171" stroke="#991b1b" stroke-width="1.5" rx="2"/>
|
||||
<polygon points="20,45 25,65 60,65 65,45" fill="#dc2626" stroke="#991b1b" stroke-width="1"/>
|
||||
<!-- 하부 다이 -->
|
||||
<rect x="15" y="68" width="50" height="8" fill="#374151" stroke="#1f2937" stroke-width="1"/>
|
||||
<!-- 성형된 슬랫 (잘린 상태) -->
|
||||
<rect x="0" y="55" width="30" height="10" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="2"/>
|
||||
<rect x="50" y="55" width="30" height="10" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="2"/>
|
||||
<!-- 절단선 -->
|
||||
<line x1="40" y1="48" x2="40" y2="75" stroke="#dc2626" stroke-width="1.5" stroke-dasharray="3,2"/>
|
||||
<!-- 받침대 -->
|
||||
<rect x="10" y="78" width="60" height="60" fill="#374151" stroke="#1f2937" stroke-width="1" rx="2"/>
|
||||
<!-- 라벨 -->
|
||||
<text x="40" y="0" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">4. 절단기</text>
|
||||
<text x="40" y="15" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">정척 절단</text>
|
||||
</g>
|
||||
|
||||
<!-- 화살표 -->
|
||||
<line x1="645" y1="300" x2="680" y2="300" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow13)"/>
|
||||
|
||||
<!-- === 5. 완성품 적재 === -->
|
||||
<g transform="translate(680, 160)">
|
||||
<!-- 적재된 슬랫들 -->
|
||||
<rect x="0" y="60" width="70" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="2"/>
|
||||
<rect x="0" y="70" width="70" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="1" rx="2"/>
|
||||
<rect x="0" y="80" width="70" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="2"/>
|
||||
<rect x="0" y="90" width="70" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="1" rx="2"/>
|
||||
<rect x="0" y="100" width="70" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="2"/>
|
||||
<!-- 받침대 -->
|
||||
<rect x="5" y="110" width="60" height="18" fill="#374151" stroke="#1f2937" stroke-width="1" rx="2"/>
|
||||
<!-- 라벨 -->
|
||||
<text x="35" y="0" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a" font-weight="bold">5. 적재</text>
|
||||
<text x="35" y="15" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">인터록킹 검사</text>
|
||||
</g>
|
||||
|
||||
<!-- 하단 설명 -->
|
||||
<rect x="40" y="330" width="720" height="55" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="60" y="350" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">롤포밍(Roll Forming):</text>
|
||||
<text x="200" y="350" font-family="sans-serif" font-size="10" fill="#374151">다단 롤러를 통과하며 평판 강판을 점진적으로 슬랫 형상으로 연속 성형하는 공법</text>
|
||||
<text x="60" y="370" font-family="sans-serif" font-size="9" fill="#6b7280">원자재: EGI(용융아연도금강판) 코일 | 두께: 방화용 1.6mm | 절단: 주문 폭에 맞춰 정척 절단</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.7 KiB |
139
public/images/academy/fire-shutter/14.svg
Normal file
139
public/images/academy/fire-shutter/14.svg
Normal file
@@ -0,0 +1,139 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
|
||||
<defs>
|
||||
<marker id="arrow14" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="400" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">조립 공정 순서 다이어그램</text>
|
||||
|
||||
<!-- 단계 1: 샤프트 + 스프링 -->
|
||||
<g transform="translate(30, 55)">
|
||||
<rect x="0" y="0" width="150" height="100" fill="#fff" stroke="#dc2626" stroke-width="2" rx="8"/>
|
||||
<circle cx="12" cy="12" r="10" fill="#dc2626"/>
|
||||
<text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fff" font-weight="bold">1</text>
|
||||
<text x="85" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">샤프트+스프링</text>
|
||||
<!-- 미니 샤프트 -->
|
||||
<rect x="20" y="35" width="110" height="18" fill="#fecdd3" stroke="#dc2626" stroke-width="1.5" rx="9"/>
|
||||
<!-- 스프링 -->
|
||||
<path d="M35,44 L42,35 L49,53 L56,35 L63,53 L70,35 L77,53 L84,35 L91,53 L98,35 L105,53 L112,44" fill="none" stroke="#f59e0b" stroke-width="1.5"/>
|
||||
<text x="75" y="75" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">토션 스프링 장착</text>
|
||||
<text x="75" y="88" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">텐션 조정</text>
|
||||
</g>
|
||||
|
||||
<line x1="185" y1="105" x2="215" y2="105" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow14)"/>
|
||||
|
||||
<!-- 단계 2: 슬랫 고정 -->
|
||||
<g transform="translate(220, 55)">
|
||||
<rect x="0" y="0" width="150" height="100" fill="#fff" stroke="#dc2626" stroke-width="2" rx="8"/>
|
||||
<circle cx="12" cy="12" r="10" fill="#dc2626"/>
|
||||
<text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fff" font-weight="bold">2</text>
|
||||
<text x="85" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">슬랫 첫열 고정</text>
|
||||
<!-- 샤프트 + 슬랫 첫줄 -->
|
||||
<rect x="20" y="35" width="110" height="14" fill="#fecdd3" stroke="#dc2626" stroke-width="1" rx="7"/>
|
||||
<rect x="20" y="52" width="110" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<text x="75" y="75" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">샤프트 슬롯에</text>
|
||||
<text x="75" y="88" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">첫 번째 슬랫 고정</text>
|
||||
</g>
|
||||
|
||||
<line x1="375" y1="105" x2="405" y2="105" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow14)"/>
|
||||
|
||||
<!-- 단계 3: 커튼 조립 -->
|
||||
<g transform="translate(410, 55)">
|
||||
<rect x="0" y="0" width="150" height="100" fill="#fff" stroke="#dc2626" stroke-width="2" rx="8"/>
|
||||
<circle cx="12" cy="12" r="10" fill="#dc2626"/>
|
||||
<text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fff" font-weight="bold">3</text>
|
||||
<text x="85" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">커튼 조립</text>
|
||||
<!-- 다중 슬랫 -->
|
||||
<rect x="25" y="32" width="100" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="25" y="41" width="100" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="25" y="50" width="100" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="25" y="59" width="100" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="25" y="68" width="100" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<text x="75" y="88" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">인터록킹 결합</text>
|
||||
</g>
|
||||
|
||||
<line x1="565" y1="105" x2="595" y2="105" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow14)"/>
|
||||
|
||||
<!-- 단계 4: 하단바 -->
|
||||
<g transform="translate(600, 55)">
|
||||
<rect x="0" y="0" width="170" height="100" fill="#fff" stroke="#dc2626" stroke-width="2" rx="8"/>
|
||||
<circle cx="12" cy="12" r="10" fill="#dc2626"/>
|
||||
<text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fff" font-weight="bold">4</text>
|
||||
<text x="95" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">하단바 부착</text>
|
||||
<!-- 슬랫 끝 + 하단바 -->
|
||||
<rect x="25" y="38" width="120" height="6" fill="#fecdd3" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="25" y="46" width="120" height="6" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.5" rx="1"/>
|
||||
<rect x="20" y="55" width="130" height="10" fill="#dc2626" stroke="#991b1b" stroke-width="1.5" rx="2"/>
|
||||
<rect x="30" y="65" width="110" height="4" fill="#6b7280" rx="1"/>
|
||||
<text x="85" y="58" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#fff" font-weight="bold">하단바</text>
|
||||
<text x="85" y="82" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#6b7280">고무 패킹</text>
|
||||
<text x="85" y="94" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">밀폐성 확보</text>
|
||||
</g>
|
||||
|
||||
<!-- 하단 단계 5~7 -->
|
||||
<!-- 단계 5: 구동부 장착 -->
|
||||
<g transform="translate(30, 210)">
|
||||
<rect x="0" y="0" width="220" height="100" fill="#fff" stroke="#f59e0b" stroke-width="2" rx="8"/>
|
||||
<circle cx="12" cy="12" r="10" fill="#f59e0b"/>
|
||||
<text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fff" font-weight="bold">5</text>
|
||||
<text x="120" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#b45309" font-weight="bold">구동부 장착</text>
|
||||
<!-- 모터+감속기 -->
|
||||
<rect x="15" y="35" width="55" height="35" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="3"/>
|
||||
<text x="42" y="52" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#991b1b">모터</text>
|
||||
<text x="42" y="62" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#991b1b">+감속기</text>
|
||||
<rect x="80" y="35" width="55" height="35" fill="#fef3c7" stroke="#f59e0b" stroke-width="1" rx="3"/>
|
||||
<text x="107" y="52" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#b45309">전자</text>
|
||||
<text x="107" y="62" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#b45309">브레이크</text>
|
||||
<rect x="145" y="40" width="60" height="25" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="3"/>
|
||||
<text x="175" y="57" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#166534">자동폐쇄기</text>
|
||||
<text x="110" y="88" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">리밋스위치 설치</text>
|
||||
</g>
|
||||
|
||||
<line x1="255" y1="260" x2="300" y2="260" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow14)"/>
|
||||
|
||||
<!-- 단계 6: 전장 배선 -->
|
||||
<g transform="translate(305, 210)">
|
||||
<rect x="0" y="0" width="220" height="100" fill="#fff" stroke="#2563eb" stroke-width="2" rx="8"/>
|
||||
<circle cx="12" cy="12" r="10" fill="#2563eb"/>
|
||||
<text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fff" font-weight="bold">6</text>
|
||||
<text x="120" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#1e40af" font-weight="bold">전장 배선 · 결선</text>
|
||||
<!-- 연동제어기 -->
|
||||
<rect x="20" y="35" width="80" height="30" fill="#dbeafe" stroke="#2563eb" stroke-width="1" rx="3"/>
|
||||
<text x="60" y="54" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#1e40af">연동제어기</text>
|
||||
<!-- 감지기 -->
|
||||
<circle cx="140" cy="42" r="10" fill="#fef3c7" stroke="#f59e0b" stroke-width="1"/>
|
||||
<text x="140" y="45" text-anchor="middle" font-family="sans-serif" font-size="5" fill="#b45309">감지</text>
|
||||
<circle cx="175" cy="42" r="10" fill="#fce7f3" stroke="#ec4899" stroke-width="1"/>
|
||||
<text x="175" y="45" text-anchor="middle" font-family="sans-serif" font-size="5" fill="#be185d">열</text>
|
||||
<!-- 배선 -->
|
||||
<line x1="100" y1="50" x2="130" y2="42" stroke="#2563eb" stroke-width="1" stroke-dasharray="3,2"/>
|
||||
<line x1="100" y1="50" x2="165" y2="42" stroke="#2563eb" stroke-width="1" stroke-dasharray="3,2"/>
|
||||
<text x="110" y="88" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">감지기 연동, 전원 결선</text>
|
||||
</g>
|
||||
|
||||
<line x1="530" y1="260" x2="575" y2="260" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow14)"/>
|
||||
|
||||
<!-- 단계 7: 테스트 -->
|
||||
<g transform="translate(580, 210)">
|
||||
<rect x="0" y="0" width="190" height="100" fill="#fff" stroke="#16a34a" stroke-width="2" rx="8"/>
|
||||
<circle cx="12" cy="12" r="10" fill="#16a34a"/>
|
||||
<text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fff" font-weight="bold">7</text>
|
||||
<text x="105" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#166534" font-weight="bold">작동 테스트</text>
|
||||
<!-- 체크 아이콘들 -->
|
||||
<text x="20" y="42" font-family="sans-serif" font-size="9" fill="#16a34a">✓</text>
|
||||
<text x="35" y="42" font-family="sans-serif" font-size="8" fill="#374151">전동 개폐 시험</text>
|
||||
<text x="20" y="57" font-family="sans-serif" font-size="9" fill="#16a34a">✓</text>
|
||||
<text x="35" y="57" font-family="sans-serif" font-size="8" fill="#374151">감지기 연동 2단계</text>
|
||||
<text x="20" y="72" font-family="sans-serif" font-size="9" fill="#16a34a">✓</text>
|
||||
<text x="35" y="72" font-family="sans-serif" font-size="8" fill="#374151">리밋스위치 동작</text>
|
||||
<text x="20" y="87" font-family="sans-serif" font-size="9" fill="#16a34a">✓</text>
|
||||
<text x="35" y="87" font-family="sans-serif" font-size="8" fill="#374151">하강 속도 확인</text>
|
||||
</g>
|
||||
|
||||
<!-- 하단 설명 -->
|
||||
<rect x="40" y="330" width="720" height="55" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="60" y="350" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">조립 순서 요약:</text>
|
||||
<text x="60" y="368" font-family="sans-serif" font-size="9" fill="#374151">샤프트+스프링 → 슬랫 고정 → 커튼 조립(인터록킹) → 하단바 → 감속기/모터/브레이크 → 전장 배선 → 작동 테스트</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 10 KiB |
126
public/images/academy/fire-shutter/15.svg
Normal file
126
public/images/academy/fire-shutter/15.svg
Normal file
@@ -0,0 +1,126 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="400" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">완성품 검사 — 4대 검사 항목</text>
|
||||
|
||||
<!-- === 1. 외관 검사 === -->
|
||||
<rect x="30" y="50" width="350" height="140" fill="#fff" stroke="#dc2626" stroke-width="2" rx="10"/>
|
||||
<rect x="30" y="50" width="350" height="32" fill="#fee2e2" stroke="#dc2626" stroke-width="2" rx="10"/>
|
||||
<rect x="30" y="75" width="350" height="7" fill="#fee2e2" stroke="none"/>
|
||||
<circle cx="52" cy="66" r="12" fill="#dc2626"/>
|
||||
<text x="52" y="70" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#fff" font-weight="bold">1</text>
|
||||
<text x="210" y="72" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">외관 검사</text>
|
||||
|
||||
<!-- 체크 항목 -->
|
||||
<g transform="translate(45, 95)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">도장/도금 상태 (균일성, 벗겨짐)</text>
|
||||
</g>
|
||||
<g transform="translate(45, 115)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">슬랫 정렬 상태 (변형, 찍힘)</text>
|
||||
</g>
|
||||
<g transform="translate(45, 135)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">용접부 상태 (크랙, 기포)</text>
|
||||
</g>
|
||||
<g transform="translate(45, 155)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">라벨/명판 부착 확인</text>
|
||||
</g>
|
||||
|
||||
<!-- === 2. 치수 검사 === -->
|
||||
<rect x="420" y="50" width="350" height="140" fill="#fff" stroke="#2563eb" stroke-width="2" rx="10"/>
|
||||
<rect x="420" y="50" width="350" height="32" fill="#dbeafe" stroke="#2563eb" stroke-width="2" rx="10"/>
|
||||
<rect x="420" y="75" width="350" height="7" fill="#dbeafe" stroke="none"/>
|
||||
<circle cx="442" cy="66" r="12" fill="#2563eb"/>
|
||||
<text x="442" y="70" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#fff" font-weight="bold">2</text>
|
||||
<text x="600" y="72" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#1e40af" font-weight="bold">치수 검사</text>
|
||||
|
||||
<g transform="translate(435, 95)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">셔터 폭 (W) — 허용 오차 ±3mm</text>
|
||||
</g>
|
||||
<g transform="translate(435, 115)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">셔터 높이 (H) — 허용 오차 ±3mm</text>
|
||||
</g>
|
||||
<g transform="translate(435, 135)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">가이드레일 간격 — 주문 규격 일치</text>
|
||||
</g>
|
||||
<g transform="translate(435, 155)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">대각선 길이 — 직각도 확인</text>
|
||||
</g>
|
||||
|
||||
<!-- === 3. 작동 검사 === -->
|
||||
<rect x="30" y="210" width="350" height="140" fill="#fff" stroke="#f59e0b" stroke-width="2" rx="10"/>
|
||||
<rect x="30" y="210" width="350" height="32" fill="#fef3c7" stroke="#f59e0b" stroke-width="2" rx="10"/>
|
||||
<rect x="30" y="235" width="350" height="7" fill="#fef3c7" stroke="none"/>
|
||||
<circle cx="52" cy="226" r="12" fill="#f59e0b"/>
|
||||
<text x="52" y="230" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#fff" font-weight="bold">3</text>
|
||||
<text x="210" y="232" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#b45309" font-weight="bold">작동 검사</text>
|
||||
|
||||
<g transform="translate(45, 255)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">전동 개폐 — 전 행정 원활, 이상음 없음</text>
|
||||
</g>
|
||||
<g transform="translate(45, 275)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">자동폐쇄 — 자중낙하 정상 동작</text>
|
||||
</g>
|
||||
<g transform="translate(45, 295)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">하강속도 — 0.15 m/s 이하</text>
|
||||
</g>
|
||||
<g transform="translate(45, 315)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">리밋스위치 — 상한/하한 정확 정지</text>
|
||||
</g>
|
||||
|
||||
<!-- === 4. 전장 검사 === -->
|
||||
<rect x="420" y="210" width="350" height="140" fill="#fff" stroke="#7c3aed" stroke-width="2" rx="10"/>
|
||||
<rect x="420" y="210" width="350" height="32" fill="#ede9fe" stroke="#7c3aed" stroke-width="2" rx="10"/>
|
||||
<rect x="420" y="235" width="350" height="7" fill="#ede9fe" stroke="none"/>
|
||||
<circle cx="442" cy="226" r="12" fill="#7c3aed"/>
|
||||
<text x="442" y="230" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#fff" font-weight="bold">4</text>
|
||||
<text x="600" y="232" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#5b21b6" font-weight="bold">전장 검사</text>
|
||||
|
||||
<g transform="translate(435, 255)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">연동제어기 회로 정상 동작</text>
|
||||
</g>
|
||||
<g transform="translate(435, 275)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">감지기 연동 2단계 (연기→열)</text>
|
||||
</g>
|
||||
<g transform="translate(435, 295)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">전자브레이크 제동력 확인</text>
|
||||
</g>
|
||||
<g transform="translate(435, 315)">
|
||||
<rect x="0" y="0" width="15" height="15" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="2"/>
|
||||
<text x="7" y="12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">✓</text>
|
||||
<text x="22" y="12" font-family="sans-serif" font-size="10" fill="#374151">배선 절연저항, 접지 확인</text>
|
||||
</g>
|
||||
|
||||
<!-- 하단 합격 기준 -->
|
||||
<rect x="100" y="362" width="600" height="28" fill="#dcfce7" stroke="#16a34a" stroke-width="1.5" rx="6"/>
|
||||
<text x="400" y="380" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#166534" font-weight="bold">4대 검사 전항목 합격 → 검사 성적서 발행 → 포장 · 출하</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.2 KiB |
65
public/images/academy/fire-shutter/2.svg
Normal file
65
public/images/academy/fire-shutter/2.svg
Normal file
@@ -0,0 +1,65 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow2" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
<pattern id="hatch2" patternUnits="userSpaceOnUse" width="6" height="6" patternTransform="rotate(45)">
|
||||
<line x1="0" y1="0" x2="0" y2="6" stroke="#fca5a5" stroke-width="1"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="30" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">슬랫 인터록킹 구조 (단면 확대도)</text>
|
||||
|
||||
<!-- 상단 슬랫 본체 -->
|
||||
<rect x="120" y="100" width="500" height="50" fill="url(#hatch2)" stroke="#dc2626" stroke-width="2" rx="2"/>
|
||||
<rect x="120" y="100" width="500" height="50" fill="#fee2e2" fill-opacity="0.7" stroke="#dc2626" stroke-width="2" rx="2"/>
|
||||
<text x="370" y="130" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">상단 슬랫 (EGI 1.6mm)</text>
|
||||
|
||||
<!-- Top Hook (역C자 컬) -->
|
||||
<path d="M620,150 L620,160 C620,185 595,200 575,200 C555,200 540,185 545,165" fill="none" stroke="#dc2626" stroke-width="3"/>
|
||||
<path d="M620,150 L620,160 C620,185 595,200 575,200 C555,200 540,185 545,165" fill="#fee2e2" fill-opacity="0.5" stroke="#dc2626" stroke-width="3"/>
|
||||
<!-- Top Hook 라벨 -->
|
||||
<line x1="620" y1="175" x2="690" y2="165" stroke="#991b1b" stroke-width="1" marker-end="url(#arrow2)"/>
|
||||
<text x="695" y="160" font-family="sans-serif" font-size="11" fill="#991b1b" font-weight="bold">Top Hook</text>
|
||||
<text x="695" y="174" font-family="sans-serif" font-size="9" fill="#6b7280">(역C자 컬, 위로 감김)</text>
|
||||
|
||||
<!-- 곡률 반경 표시 -->
|
||||
<path d="M585,180 A20,20 0 0,1 565,195" fill="none" stroke="#374151" stroke-width="0.8" stroke-dasharray="3,2"/>
|
||||
<text x="560" y="185" font-family="sans-serif" font-size="8" fill="#374151">R</text>
|
||||
|
||||
<!-- 결합부 표시 -->
|
||||
<rect x="530" y="195" width="100" height="40" fill="none" stroke="#f87171" stroke-width="1.5" stroke-dasharray="5,3" rx="4"/>
|
||||
<text x="580" y="218" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#dc2626" font-weight="bold">결합부</text>
|
||||
|
||||
<!-- 하단 슬랫 본체 -->
|
||||
<rect x="120" y="280" width="500" height="50" fill="url(#hatch2)" stroke="#dc2626" stroke-width="2" rx="2"/>
|
||||
<rect x="120" y="280" width="500" height="50" fill="#fee2e2" fill-opacity="0.7" stroke="#dc2626" stroke-width="2" rx="2"/>
|
||||
<text x="370" y="310" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">하단 슬랫 (EGI 1.6mm)</text>
|
||||
|
||||
<!-- Bottom Knuckle (정C자 컬) -->
|
||||
<path d="M620,280 L620,268 C620,243 595,228 575,228 C555,228 540,243 545,265" fill="none" stroke="#dc2626" stroke-width="3"/>
|
||||
<path d="M620,280 L620,268 C620,243 595,228 575,228 C555,228 540,243 545,265" fill="#fee2e2" fill-opacity="0.5" stroke="#dc2626" stroke-width="3"/>
|
||||
<!-- Bottom Knuckle 라벨 -->
|
||||
<line x1="620" y1="255" x2="690" y2="265" stroke="#991b1b" stroke-width="1" marker-end="url(#arrow2)"/>
|
||||
<text x="695" y="260" font-family="sans-serif" font-size="11" fill="#991b1b" font-weight="bold">Bottom Knuckle</text>
|
||||
<text x="695" y="274" font-family="sans-serif" font-size="9" fill="#6b7280">(정C자 컬, 아래로 감김)</text>
|
||||
|
||||
<!-- 결합 화살표 -->
|
||||
<line x1="580" y1="200" x2="580" y2="230" stroke="#dc2626" stroke-width="1.5" marker-end="url(#arrow2)"/>
|
||||
<line x1="580" y1="230" x2="580" y2="200" stroke="#dc2626" stroke-width="1.5" marker-end="url(#arrow2)"/>
|
||||
<text x="598" y="219" font-family="sans-serif" font-size="8" fill="#dc2626">맞물림</text>
|
||||
|
||||
<!-- 두께 치수선 (상단 슬랫) -->
|
||||
<line x1="100" y1="100" x2="100" y2="150" stroke="#374151" stroke-width="0.8"/>
|
||||
<line x1="95" y1="100" x2="105" y2="100" stroke="#374151" stroke-width="0.8"/>
|
||||
<line x1="95" y1="150" x2="105" y2="150" stroke="#374151" stroke-width="0.8"/>
|
||||
<text x="95" y="130" text-anchor="end" font-family="sans-serif" font-size="9" fill="#374151">1.6mm</text>
|
||||
|
||||
<!-- 설명 박스 -->
|
||||
<rect x="120" y="370" width="560" height="100" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="140" y="395" font-family="sans-serif" font-size="12" fill="#991b1b" font-weight="bold">인터록킹 원리</text>
|
||||
<text x="140" y="415" font-family="sans-serif" font-size="10" fill="#374151">- 상단 슬랫의 Top Hook(역C자)과 하단 슬랫의 Bottom Knuckle(정C자)이 맞물림</text>
|
||||
<text x="140" y="433" font-family="sans-serif" font-size="10" fill="#374151">- 힌지 역할: 슬랫 간 회전이 가능하여 샤프트에 감을 수 있음</text>
|
||||
<text x="140" y="451" font-family="sans-serif" font-size="10" fill="#374151">- 재질: EGI (전기아연도금강판), 방화용 두께 1.6mm (KS F 4510)</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
79
public/images/academy/fire-shutter/3.svg
Normal file
79
public/images/academy/fire-shutter/3.svg
Normal file
@@ -0,0 +1,79 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow3" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
<pattern id="hatch3" patternUnits="userSpaceOnUse" width="5" height="5" patternTransform="rotate(45)">
|
||||
<line x1="0" y1="0" x2="0" y2="5" stroke="#d1d5db" stroke-width="1"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="30" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">가이드레일 단면 구조</text>
|
||||
|
||||
<!-- 벽체 (좌측) -->
|
||||
<rect x="80" y="60" width="120" height="380" fill="url(#hatch3)" stroke="#9ca3af" stroke-width="1.5"/>
|
||||
<rect x="80" y="60" width="120" height="380" fill="#e5e7eb" fill-opacity="0.6" stroke="#9ca3af" stroke-width="1.5"/>
|
||||
<text x="140" y="255" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#6b7280" font-weight="bold">벽체</text>
|
||||
|
||||
<!-- 앵커볼트 -->
|
||||
<circle cx="200" cy="130" r="6" fill="#374151" stroke="#1f2937" stroke-width="1"/>
|
||||
<circle cx="200" cy="250" r="6" fill="#374151" stroke="#1f2937" stroke-width="1"/>
|
||||
<circle cx="200" cy="370" r="6" fill="#374151" stroke="#1f2937" stroke-width="1"/>
|
||||
<!-- 앵커볼트 라벨 -->
|
||||
<line x1="210" y1="130" x2="280" y2="100" stroke="#374151" stroke-width="0.8"/>
|
||||
<text x="285" y="98" font-family="sans-serif" font-size="9" fill="#374151">앵커볼트</text>
|
||||
<text x="285" y="110" font-family="sans-serif" font-size="8" fill="#6b7280">(400mm 간격)</text>
|
||||
|
||||
<!-- 가이드레일 본체 (ㄷ자 형상) - 확대 단면 -->
|
||||
<g transform="translate(380, 80)">
|
||||
<text x="120" y="-10" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">단면 확대도</text>
|
||||
|
||||
<!-- 외곽 ㄷ자 형강 -->
|
||||
<path d="M0,0 L0,340 L120,340 L120,310 L30,310 L30,30 L120,30 L120,0 Z" fill="#fecaca" stroke="#dc2626" stroke-width="2.5"/>
|
||||
|
||||
<!-- 앵커볼트 고정부 라벨 -->
|
||||
<line x1="-10" y1="170" x2="-50" y2="170" stroke="#991b1b" stroke-width="0.8" marker-end="url(#arrow3)"/>
|
||||
<text x="-55" y="166" text-anchor="end" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">고정면</text>
|
||||
<text x="-55" y="180" text-anchor="end" font-family="sans-serif" font-size="8" fill="#6b7280">(벽체 밀착)</text>
|
||||
|
||||
<!-- U자 채널 (슬랫 삽입 공간) -->
|
||||
<rect x="35" y="35" width="80" height="270" fill="#fff7ed" stroke="#f97316" stroke-width="1" stroke-dasharray="4,2"/>
|
||||
<text x="75" y="170" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f97316" font-weight="bold">슬랫 삽입</text>
|
||||
<text x="75" y="184" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f97316">공간</text>
|
||||
|
||||
<!-- 슬랫 단면 (삽입된 상태) -->
|
||||
<rect x="45" y="80" width="60" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<rect x="45" y="120" width="60" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<rect x="45" y="160" width="60" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<rect x="45" y="200" width="60" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
<rect x="45" y="240" width="60" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="1" rx="1"/>
|
||||
|
||||
<!-- 라벨: 슬랫 -->
|
||||
<line x1="110" y1="160" x2="160" y2="145" stroke="#e11d48" stroke-width="0.8"/>
|
||||
<text x="165" y="143" font-family="sans-serif" font-size="9" fill="#e11d48">슬랫 단면</text>
|
||||
|
||||
<!-- 차연재 (intumescent strip) -->
|
||||
<rect x="31" y="60" width="6" height="50" fill="#f59e0b" stroke="#d97706" stroke-width="1" rx="2"/>
|
||||
<rect x="31" y="130" width="6" height="50" fill="#f59e0b" stroke="#d97706" stroke-width="1" rx="2"/>
|
||||
<rect x="31" y="200" width="6" height="50" fill="#f59e0b" stroke="#d97706" stroke-width="1" rx="2"/>
|
||||
<rect x="31" y="270" width="6" height="50" fill="#f59e0b" stroke="#d97706" stroke-width="1" rx="2"/>
|
||||
|
||||
<!-- 차연재 라벨 -->
|
||||
<line x1="34" y1="275" x2="-40" y2="300" stroke="#d97706" stroke-width="0.8"/>
|
||||
<text x="-45" y="298" text-anchor="end" font-family="sans-serif" font-size="10" fill="#d97706" font-weight="bold">팽창형 차연재</text>
|
||||
<text x="-45" y="312" text-anchor="end" font-family="sans-serif" font-size="8" fill="#6b7280">(intumescent strip)</text>
|
||||
<text x="-45" y="324" text-anchor="end" font-family="sans-serif" font-size="8" fill="#6b7280">화재시 팽창 → 틈새 밀봉</text>
|
||||
|
||||
<!-- 상단 플랜지 두께 -->
|
||||
<line x1="125" y1="0" x2="155" y2="0" stroke="#374151" stroke-width="0.8"/>
|
||||
<line x1="125" y1="30" x2="155" y2="30" stroke="#374151" stroke-width="0.8"/>
|
||||
<line x1="140" y1="0" x2="140" y2="30" stroke="#374151" stroke-width="0.8"/>
|
||||
<text x="160" y="19" font-family="sans-serif" font-size="8" fill="#374151">2.3mm↑</text>
|
||||
</g>
|
||||
|
||||
<!-- 설명 박스 -->
|
||||
<rect x="80" y="445" width="640" height="45" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="100" y="465" font-family="sans-serif" font-size="10" fill="#374151">재질: 열간압연강판(SPHC) 2.3mm 이상 | 형태: ㄷ자 형강 | 고정: 앵커볼트 400mm 간격</text>
|
||||
<text x="100" y="480" font-family="sans-serif" font-size="10" fill="#374151">차연재: 내열 실리콘 / 팽창형(intumescent) — 화재 시 300°C 이상에서 팽창하여 연기 차단</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.4 KiB |
90
public/images/academy/fire-shutter/4.svg
Normal file
90
public/images/academy/fire-shutter/4.svg
Normal file
@@ -0,0 +1,90 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow4" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
<pattern id="hatch4" patternUnits="userSpaceOnUse" width="5" height="5" patternTransform="rotate(45)">
|
||||
<line x1="0" y1="0" x2="0" y2="5" stroke="#d1d5db" stroke-width="1"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">샤프트 어셈블리 (종단면 + 횡단면)</text>
|
||||
|
||||
<!-- === 상단: 종단면도 === -->
|
||||
<text x="400" y="58" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#374151" font-weight="bold">종단면도 (측면)</text>
|
||||
|
||||
<!-- 좌측 브라켓 -->
|
||||
<rect x="80" y="80" width="40" height="100" fill="#f87171" stroke="#991b1b" stroke-width="1.5" rx="3"/>
|
||||
<text x="100" y="135" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#fff" font-weight="bold">브라켓</text>
|
||||
|
||||
<!-- 좌측 베어링 -->
|
||||
<circle cx="120" cy="130" r="15" fill="#fecaca" stroke="#dc2626" stroke-width="2"/>
|
||||
<circle cx="120" cy="130" r="6" fill="#fff" stroke="#dc2626" stroke-width="1"/>
|
||||
<text x="120" y="165" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b">베어링</text>
|
||||
|
||||
<!-- 샤프트 본체 (원통) -->
|
||||
<rect x="135" y="105" width="430" height="50" fill="#fecdd3" stroke="#dc2626" stroke-width="2" rx="25"/>
|
||||
<text x="350" y="125" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#991b1b" font-weight="bold">샤프트 (강관 STK400)</text>
|
||||
|
||||
<!-- 토션 스프링 (지그재그) -->
|
||||
<path d="M160,130 L175,115 L190,145 L205,115 L220,145 L235,115 L250,145 L265,115 L280,145 L295,115 L310,145 L325,115 L340,145 L355,115 L370,145 L385,115 L400,145 L415,115 L430,145 L445,115 L460,145 L475,115 L490,145 L505,115 L520,130" fill="none" stroke="#f59e0b" stroke-width="2"/>
|
||||
<text x="350" y="143" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#b45309">토션 스프링 (밸런스 스프링)</text>
|
||||
|
||||
<!-- 우측 베어링 -->
|
||||
<circle cx="580" cy="130" r="15" fill="#fecaca" stroke="#dc2626" stroke-width="2"/>
|
||||
<circle cx="580" cy="130" r="6" fill="#fff" stroke="#dc2626" stroke-width="1"/>
|
||||
<text x="580" y="165" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b">베어링</text>
|
||||
|
||||
<!-- 우측 브라켓 -->
|
||||
<rect x="580" y="80" width="40" height="100" fill="#f87171" stroke="#991b1b" stroke-width="1.5" rx="3"/>
|
||||
<text x="600" y="135" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#fff" font-weight="bold">브라켓</text>
|
||||
|
||||
<!-- 감속기+모터 (좌측 끝) -->
|
||||
<rect x="625" y="95" width="80" height="70" fill="#fee2e2" stroke="#dc2626" stroke-width="1.5" rx="4"/>
|
||||
<text x="665" y="125" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#991b1b" font-weight="bold">감속기</text>
|
||||
<text x="665" y="138" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#991b1b" font-weight="bold">+모터</text>
|
||||
|
||||
<!-- 슬랫 고정 슬롯 표시 -->
|
||||
<rect x="350" y="155" width="3" height="15" fill="#dc2626"/>
|
||||
<line x1="353" y1="168" x2="395" y2="185" stroke="#991b1b" stroke-width="0.8"/>
|
||||
<text x="398" y="189" font-family="sans-serif" font-size="8" fill="#991b1b">슬랫 첫 줄 고정 슬롯</text>
|
||||
|
||||
<!-- === 하단: 횡단면도 === -->
|
||||
<text x="250" y="225" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#374151" font-weight="bold">횡단면도 (A-A 단면)</text>
|
||||
|
||||
<!-- 원형 강관 외곽 -->
|
||||
<circle cx="250" cy="350" r="95" fill="#fecdd3" stroke="#dc2626" stroke-width="2.5"/>
|
||||
|
||||
<!-- 내부 공간 -->
|
||||
<circle cx="250" cy="350" r="80" fill="#fef2f2" stroke="#dc2626" stroke-width="1" stroke-dasharray="4,2"/>
|
||||
|
||||
<!-- 토션 스프링 (내부 나선형) -->
|
||||
<circle cx="250" cy="350" r="55" fill="none" stroke="#f59e0b" stroke-width="2.5" stroke-dasharray="8,4"/>
|
||||
<circle cx="250" cy="350" r="40" fill="none" stroke="#f59e0b" stroke-width="1.5" stroke-dasharray="6,3"/>
|
||||
<circle cx="250" cy="350" r="25" fill="none" stroke="#f59e0b" stroke-width="1" stroke-dasharray="4,3"/>
|
||||
<text x="250" y="354" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#b45309" font-weight="bold">토션</text>
|
||||
<text x="250" y="366" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#b45309" font-weight="bold">스프링</text>
|
||||
|
||||
<!-- 직경 치수선 -->
|
||||
<line x1="155" y1="350" x2="345" y2="350" stroke="#374151" stroke-width="0.8" stroke-dasharray="4,2"/>
|
||||
<line x1="155" y1="344" x2="155" y2="356" stroke="#374151" stroke-width="1"/>
|
||||
<line x1="345" y1="344" x2="345" y2="356" stroke="#374151" stroke-width="1"/>
|
||||
<text x="250" y="340" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#374151">Ø 100~300mm</text>
|
||||
|
||||
<!-- 관 두께 표시 -->
|
||||
<line x1="330" y1="280" x2="345" y2="295" stroke="#374151" stroke-width="0.8"/>
|
||||
<text x="348" y="278" font-family="sans-serif" font-size="8" fill="#374151">관 두께</text>
|
||||
|
||||
<!-- 팔각형 강관 (우측) -->
|
||||
<text x="580" y="225" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#374151" font-weight="bold">팔각형 강관 (대형)</text>
|
||||
<polygon points="580,270 625,290 640,335 625,380 580,400 535,380 520,335 535,290" fill="#fecdd3" stroke="#dc2626" stroke-width="2.5"/>
|
||||
<polygon points="580,285 615,300 627,335 615,370 580,385 545,370 533,335 545,300" fill="#fef2f2" stroke="#dc2626" stroke-width="1" stroke-dasharray="4,2"/>
|
||||
<circle cx="580" cy="335" r="30" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="6,3"/>
|
||||
<text x="580" y="339" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#b45309">스프링</text>
|
||||
<text x="580" y="420" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">대형 셔터용</text>
|
||||
|
||||
<!-- 설명 박스 -->
|
||||
<rect x="80" y="455" width="640" height="35" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="100" y="475" font-family="sans-serif" font-size="10" fill="#374151">재질: 강관 STK400 이상 | 직경: 100~300mm (폭/높이에 따라 결정) | 내부: 토션 스프링(밸런스 스프링) 장착</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.3 KiB |
112
public/images/academy/fire-shutter/5.svg
Normal file
112
public/images/academy/fire-shutter/5.svg
Normal file
@@ -0,0 +1,112 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow5" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
<pattern id="concrete" patternUnits="userSpaceOnUse" width="8" height="8" patternTransform="rotate(45)">
|
||||
<line x1="0" y1="0" x2="0" y2="8" stroke="#d1d5db" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">방화셔터 측면 단면도</text>
|
||||
|
||||
<!-- 천장 슬래브 -->
|
||||
<rect x="50" y="40" width="700" height="30" fill="url(#concrete)" stroke="#9ca3af" stroke-width="1.5"/>
|
||||
<rect x="50" y="40" width="700" height="30" fill="#d1d5db" fill-opacity="0.6" stroke="#9ca3af" stroke-width="1.5"/>
|
||||
<text x="400" y="60" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#6b7280">천장 슬래브 (콘크리트)</text>
|
||||
|
||||
<!-- 케이스(셔터박스) 단면 -->
|
||||
<rect x="200" y="70" width="350" height="90" fill="#fff" stroke="#dc2626" stroke-width="2" rx="4"/>
|
||||
<text x="375" y="88" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#dc2626" font-weight="bold">케이스 (셔터박스) — 천장 내부 매립</text>
|
||||
|
||||
<!-- 샤프트 (감긴 커튼 포함) -->
|
||||
<circle cx="375" cy="130" r="35" fill="#fecdd3" stroke="#dc2626" stroke-width="2"/>
|
||||
<!-- 감긴 슬랫 표현 (동심원) -->
|
||||
<circle cx="375" cy="130" r="28" fill="none" stroke="#e11d48" stroke-width="0.5"/>
|
||||
<circle cx="375" cy="130" r="22" fill="none" stroke="#e11d48" stroke-width="0.5"/>
|
||||
<circle cx="375" cy="130" r="16" fill="none" stroke="#e11d48" stroke-width="0.5"/>
|
||||
<circle cx="375" cy="130" r="10" fill="#fecaca" stroke="#dc2626" stroke-width="1"/>
|
||||
<text x="375" y="134" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#991b1b">샤프트</text>
|
||||
|
||||
<!-- 감속기+모터 (측면) -->
|
||||
<rect x="210" y="100" width="55" height="50" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="3"/>
|
||||
<text x="237" y="122" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#991b1b">감속기</text>
|
||||
<text x="237" y="133" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#991b1b">+모터</text>
|
||||
|
||||
<!-- 브라켓 -->
|
||||
<rect x="200" y="70" width="15" height="90" fill="#f87171" stroke="#991b1b" stroke-width="1"/>
|
||||
<rect x="535" y="70" width="15" height="90" fill="#f87171" stroke="#991b1b" stroke-width="1"/>
|
||||
|
||||
<!-- 슬랫 커튼이 내려오는 부분 -->
|
||||
<!-- 가이드레일 (우측) -->
|
||||
<rect x="535" y="160" width="18" height="270" fill="#fca5a5" stroke="#dc2626" stroke-width="1.5" rx="2"/>
|
||||
|
||||
<!-- 슬랫 커튼 (하강 중) -->
|
||||
<g opacity="0.9">
|
||||
<rect x="350" y="165" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="175" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="185" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="195" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="205" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="215" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="225" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="235" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="245" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="255" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="265" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="275" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="285" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="295" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="305" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="315" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="325" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="335" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="345" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="355" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="365" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="375" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="385" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="395" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="405" width="185" height="8" fill="#fecdd3" stroke="#e11d48" stroke-width="0.4"/>
|
||||
<rect x="350" y="415" width="185" height="8" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.4"/>
|
||||
</g>
|
||||
|
||||
<!-- 슬랫 커튼 라벨 -->
|
||||
<line x1="340" y1="290" x2="110" y2="270" stroke="#991b1b" stroke-width="0.8"/>
|
||||
<text x="105" y="268" text-anchor="end" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">슬랫 커튼</text>
|
||||
<text x="105" y="282" text-anchor="end" font-family="sans-serif" font-size="8" fill="#6b7280">가이드레일 따라 하강</text>
|
||||
|
||||
<!-- 하강 방향 화살표 -->
|
||||
<line x1="330" y1="180" x2="330" y2="410" stroke="#dc2626" stroke-width="2" marker-end="url(#arrow5)"/>
|
||||
<text x="320" y="310" text-anchor="end" font-family="sans-serif" font-size="9" fill="#dc2626" transform="rotate(-90,320,310)">하강 방향</text>
|
||||
|
||||
<!-- 하단바 -->
|
||||
<rect x="345" y="425" width="200" height="10" fill="#dc2626" stroke="#991b1b" stroke-width="1.5" rx="2"/>
|
||||
<text x="445" y="450" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#991b1b">하단바 + 고무 패킹</text>
|
||||
|
||||
<!-- 바닥 -->
|
||||
<rect x="50" y="440" width="700" height="12" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
<text x="400" y="468" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#6b7280">바닥면</text>
|
||||
|
||||
<!-- 가이드레일 라벨 -->
|
||||
<line x1="555" y1="300" x2="610" y2="290" stroke="#991b1b" stroke-width="0.8"/>
|
||||
<text x="615" y="288" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">가이드레일</text>
|
||||
<text x="615" y="302" font-family="sans-serif" font-size="8" fill="#6b7280">슬랫 승강 안내</text>
|
||||
|
||||
<!-- 높이 치수선 -->
|
||||
<line x1="580" y1="160" x2="580" y2="440" stroke="#374151" stroke-width="0.5" stroke-dasharray="3,2"/>
|
||||
<line x1="575" y1="160" x2="585" y2="160" stroke="#374151" stroke-width="0.8"/>
|
||||
<line x1="575" y1="440" x2="585" y2="440" stroke="#374151" stroke-width="0.8"/>
|
||||
<text x="595" y="305" font-family="sans-serif" font-size="8" fill="#374151" transform="rotate(90,595,305)">셔터 높이</text>
|
||||
|
||||
<!-- 연동제어기 표시 -->
|
||||
<rect x="610" y="80" width="100" height="40" fill="#fff" stroke="#f97316" stroke-width="1.5" rx="4"/>
|
||||
<text x="660" y="98" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#f97316" font-weight="bold">연동제어기</text>
|
||||
<text x="660" y="110" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#6b7280">감지기 신호 수신</text>
|
||||
|
||||
<!-- 감지기 -->
|
||||
<circle cx="660" cy="155" r="10" fill="#fef3c7" stroke="#f59e0b" stroke-width="1.5"/>
|
||||
<text x="660" y="158" text-anchor="middle" font-family="sans-serif" font-size="6" fill="#b45309">감지</text>
|
||||
<text x="685" y="158" font-family="sans-serif" font-size="7" fill="#6b7280">연기/열 감지기</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.0 KiB |
80
public/images/academy/fire-shutter/6.svg
Normal file
80
public/images/academy/fire-shutter/6.svg
Normal file
@@ -0,0 +1,80 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow6" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
<marker id="arrow6b" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#374151"/>
|
||||
</marker>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">구동부 상세 — 감속기 + 전동모터 + 전자브레이크</text>
|
||||
|
||||
<!-- 전체 구동부 외곽 -->
|
||||
<rect x="100" y="60" width="600" height="300" fill="#fff" stroke="#dc2626" stroke-width="2" rx="8"/>
|
||||
<text x="400" y="82" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#dc2626">구동부 일체형 (샤프트 단부 장착)</text>
|
||||
|
||||
<!-- 전동모터 -->
|
||||
<rect x="130" y="110" width="180" height="160" fill="#fee2e2" stroke="#dc2626" stroke-width="2" rx="6"/>
|
||||
<text x="220" y="145" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#991b1b" font-weight="bold">전동모터</text>
|
||||
<text x="220" y="163" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#6b7280">(Motor)</text>
|
||||
<!-- 모터 내부 표현 -->
|
||||
<circle cx="220" cy="210" r="35" fill="#fecaca" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<circle cx="220" cy="210" r="20" fill="#fef2f2" stroke="#dc2626" stroke-width="1"/>
|
||||
<circle cx="220" cy="210" r="5" fill="#dc2626"/>
|
||||
<!-- 코일 표현 -->
|
||||
<path d="M200,185 Q210,175 220,185 Q230,195 240,185" fill="none" stroke="#f87171" stroke-width="1.5"/>
|
||||
<path d="M200,235 Q210,245 220,235 Q230,225 240,235" fill="none" stroke="#f87171" stroke-width="1.5"/>
|
||||
<text x="220" y="260" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">단상 220V / 삼상 380V</text>
|
||||
|
||||
<!-- 축 연결 -->
|
||||
<rect x="310" y="200" width="40" height="20" fill="#fca5a5" stroke="#991b1b" stroke-width="1.5" rx="2"/>
|
||||
<text x="330" y="195" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#991b1b">축</text>
|
||||
|
||||
<!-- 감속기 (웜기어) -->
|
||||
<rect x="350" y="110" width="180" height="160" fill="#fee2e2" stroke="#dc2626" stroke-width="2" rx="6"/>
|
||||
<text x="440" y="145" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#991b1b" font-weight="bold">웜기어 감속기</text>
|
||||
<text x="440" y="163" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#6b7280">(Worm Gear Box)</text>
|
||||
<!-- 웜기어 표현 -->
|
||||
<ellipse cx="420" cy="210" rx="25" ry="35" fill="#fecaca" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<line x1="420" y1="175" x2="420" y2="245" stroke="#dc2626" stroke-width="1" stroke-dasharray="3,2"/>
|
||||
<ellipse cx="470" cy="210" rx="35" ry="20" fill="#fecaca" stroke="#dc2626" stroke-width="1.5"/>
|
||||
<line x1="435" y1="210" x2="505" y2="210" stroke="#dc2626" stroke-width="1" stroke-dasharray="3,2"/>
|
||||
<text x="440" y="258" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">고속→저속 고토크 변환</text>
|
||||
|
||||
<!-- 출력축 → 샤프트 -->
|
||||
<rect x="530" y="200" width="60" height="20" fill="#fca5a5" stroke="#991b1b" stroke-width="1.5" rx="2"/>
|
||||
<text x="560" y="195" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#991b1b">출력축</text>
|
||||
|
||||
<!-- 샤프트 연결부 -->
|
||||
<rect x="590" y="185" width="80" height="50" fill="#fecdd3" stroke="#dc2626" stroke-width="2" rx="25"/>
|
||||
<text x="630" y="214" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#991b1b" font-weight="bold">→ 샤프트</text>
|
||||
|
||||
<!-- 전자브레이크 -->
|
||||
<rect x="350" y="280" width="180" height="60" fill="#fef3c7" stroke="#f59e0b" stroke-width="2" rx="6"/>
|
||||
<text x="440" y="305" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#b45309" font-weight="bold">전자브레이크</text>
|
||||
<text x="440" y="320" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#6b7280">(Electromagnetic Brake)</text>
|
||||
<text x="440" y="335" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#b45309">통전=해제 / 정전=제동</text>
|
||||
|
||||
<!-- 동작 원리 설명 -->
|
||||
<rect x="100" y="380" width="600" height="100" fill="#fff" stroke="#dc2626" stroke-width="1" rx="6"/>
|
||||
<text x="120" y="405" font-family="sans-serif" font-size="11" fill="#991b1b" font-weight="bold">화재 시 자중낙하 원리</text>
|
||||
|
||||
<!-- 3단계 화살표 -->
|
||||
<rect x="120" y="415" width="150" height="50" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="4"/>
|
||||
<text x="195" y="435" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#991b1b" font-weight="bold">1. 전원 차단</text>
|
||||
<text x="195" y="450" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">(화재/정전)</text>
|
||||
|
||||
<line x1="275" y1="440" x2="305" y2="440" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow6)"/>
|
||||
|
||||
<rect x="310" y="415" width="150" height="50" fill="#fef3c7" stroke="#f59e0b" stroke-width="1" rx="4"/>
|
||||
<text x="385" y="435" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#b45309" font-weight="bold">2. 브레이크 해제</text>
|
||||
<text x="385" y="450" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">(스프링 작동)</text>
|
||||
|
||||
<line x1="465" y1="440" x2="495" y2="440" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow6)"/>
|
||||
|
||||
<rect x="500" y="415" width="180" height="50" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="4"/>
|
||||
<text x="590" y="435" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#166534" font-weight="bold">3. 셔터 자중낙하</text>
|
||||
<text x="590" y="450" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">(거버너로 속도제한 0.15m/s)</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.8 KiB |
112
public/images/academy/fire-shutter/7.svg
Normal file
112
public/images/academy/fire-shutter/7.svg
Normal file
@@ -0,0 +1,112 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow7" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
<marker id="arrow7g" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#374151"/>
|
||||
</marker>
|
||||
<marker id="arrow7o" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#f59e0b"/>
|
||||
</marker>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">연동제어기 시스템 — 블록 다이어그램</text>
|
||||
|
||||
<!-- 수신기 (P형/R형) -->
|
||||
<rect x="50" y="60" width="130" height="70" fill="#dbeafe" stroke="#2563eb" stroke-width="2" rx="6"/>
|
||||
<text x="115" y="90" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#1e40af" font-weight="bold">수신기</text>
|
||||
<text x="115" y="108" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#3b82f6">(P형/R형)</text>
|
||||
<text x="115" y="122" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">방재실</text>
|
||||
|
||||
<!-- 화살표: 수신기 → 연동제어기 -->
|
||||
<line x1="180" y1="95" x2="250" y2="95" stroke="#374151" stroke-width="2" marker-end="url(#arrow7g)"/>
|
||||
<text x="215" y="88" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#6b7280">신호</text>
|
||||
|
||||
<!-- 연동제어기 (중앙) -->
|
||||
<rect x="255" y="45" width="180" height="100" fill="#fee2e2" stroke="#dc2626" stroke-width="2.5" rx="8"/>
|
||||
<text x="345" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#991b1b" font-weight="bold">연동제어기</text>
|
||||
<text x="345" y="93" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#dc2626">(Controller)</text>
|
||||
<text x="345" y="110" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">감지기 신호 수신 → 셔터 제어</text>
|
||||
|
||||
<!-- 연기감지기 -->
|
||||
<rect x="530" y="40" width="120" height="55" fill="#fef3c7" stroke="#f59e0b" stroke-width="2" rx="6"/>
|
||||
<circle cx="555" cy="67" r="12" fill="#fbbf24" stroke="#d97706" stroke-width="1.5"/>
|
||||
<text x="555" y="71" text-anchor="middle" font-family="sans-serif" font-size="6" fill="#fff" font-weight="bold">연기</text>
|
||||
<text x="610" y="62" font-family="sans-serif" font-size="10" fill="#b45309" font-weight="bold">연기감지기</text>
|
||||
<text x="610" y="76" font-family="sans-serif" font-size="8" fill="#6b7280">(광전식)</text>
|
||||
|
||||
<!-- 열감지기 -->
|
||||
<rect x="530" y="105" width="120" height="55" fill="#fce7f3" stroke="#ec4899" stroke-width="2" rx="6"/>
|
||||
<circle cx="555" cy="132" r="12" fill="#f472b6" stroke="#db2777" stroke-width="1.5"/>
|
||||
<text x="555" y="136" text-anchor="middle" font-family="sans-serif" font-size="6" fill="#fff" font-weight="bold">열</text>
|
||||
<text x="610" y="127" font-family="sans-serif" font-size="10" fill="#be185d" font-weight="bold">열감지기</text>
|
||||
<text x="610" y="141" font-family="sans-serif" font-size="8" fill="#6b7280">(정온/차동식)</text>
|
||||
|
||||
<!-- 화살표: 감지기 → 연동제어기 -->
|
||||
<line x1="530" y1="67" x2="440" y2="75" stroke="#f59e0b" stroke-width="1.5" marker-end="url(#arrow7o)"/>
|
||||
<text x="485" y="62" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#f59e0b">1차 신호</text>
|
||||
<line x1="530" y1="132" x2="440" y2="115" stroke="#ec4899" stroke-width="1.5" marker-end="url(#arrow7)"/>
|
||||
<text x="485" y="132" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#ec4899">2차 신호</text>
|
||||
|
||||
<!-- 하단 출력 장치들 -->
|
||||
<!-- 자동폐쇄기 -->
|
||||
<rect x="80" y="210" width="140" height="60" fill="#dcfce7" stroke="#16a34a" stroke-width="1.5" rx="6"/>
|
||||
<text x="150" y="235" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#166534" font-weight="bold">자동폐쇄기</text>
|
||||
<text x="150" y="253" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">브레이크 해제</text>
|
||||
|
||||
<!-- 전동모터 -->
|
||||
<rect x="250" y="210" width="140" height="60" fill="#e0e7ff" stroke="#4f46e5" stroke-width="1.5" rx="6"/>
|
||||
<text x="320" y="235" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#3730a3" font-weight="bold">전동모터</text>
|
||||
<text x="320" y="253" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">셔터 개폐 구동</text>
|
||||
|
||||
<!-- 전자브레이크 -->
|
||||
<rect x="420" y="210" width="140" height="60" fill="#fef3c7" stroke="#f59e0b" stroke-width="1.5" rx="6"/>
|
||||
<text x="490" y="235" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#b45309" font-weight="bold">전자브레이크</text>
|
||||
<text x="490" y="253" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">정지/제동</text>
|
||||
|
||||
<!-- 경보장치 -->
|
||||
<rect x="590" y="210" width="120" height="60" fill="#fce7f3" stroke="#ec4899" stroke-width="1.5" rx="6"/>
|
||||
<text x="650" y="235" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#be185d" font-weight="bold">경보장치</text>
|
||||
<text x="650" y="253" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">하강 경보음</text>
|
||||
|
||||
<!-- 연동제어기 → 출력 장치 화살표들 -->
|
||||
<line x1="290" y1="145" x2="150" y2="207" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow7)"/>
|
||||
<line x1="330" y1="145" x2="320" y2="207" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow7)"/>
|
||||
<line x1="370" y1="145" x2="490" y2="207" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow7)"/>
|
||||
<line x1="400" y1="145" x2="650" y2="207" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow7)"/>
|
||||
|
||||
<!-- 동작 흐름 -->
|
||||
<rect x="60" y="310" width="680" height="170" fill="#fff" stroke="#dc2626" stroke-width="1.5" rx="8"/>
|
||||
<text x="400" y="335" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">2단계 연동 동작 흐름</text>
|
||||
|
||||
<!-- 1차: 연기감지 -->
|
||||
<rect x="80" y="350" width="200" height="55" fill="#fef3c7" stroke="#f59e0b" stroke-width="1.5" rx="6"/>
|
||||
<text x="180" y="370" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#b45309" font-weight="bold">1차 — 연기감지기 작동</text>
|
||||
<text x="180" y="385" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#374151">셔터 하강 → 바닥 위 약 1m 정지</text>
|
||||
<text x="180" y="398" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">(일부폐쇄: 대피 공간 확보)</text>
|
||||
|
||||
<line x1="285" y1="377" x2="330" y2="377" stroke="#991b1b" stroke-width="2" marker-end="url(#arrow7)"/>
|
||||
|
||||
<!-- 2차: 열감지 -->
|
||||
<rect x="335" y="350" width="200" height="55" fill="#fce7f3" stroke="#ec4899" stroke-width="1.5" rx="6"/>
|
||||
<text x="435" y="370" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#be185d" font-weight="bold">2차 — 열감지기 작동</text>
|
||||
<text x="435" y="385" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#374151">셔터 하강 → 바닥 접지</text>
|
||||
<text x="435" y="398" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">(완전폐쇄: 화재 차단)</text>
|
||||
|
||||
<line x1="540" y1="377" x2="585" y2="377" stroke="#991b1b" stroke-width="2" marker-end="url(#arrow7)"/>
|
||||
|
||||
<!-- 결과 -->
|
||||
<rect x="590" y="350" width="130" height="55" fill="#dcfce7" stroke="#16a34a" stroke-width="1.5" rx="6"/>
|
||||
<text x="655" y="372" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#166534" font-weight="bold">방화구획 완성</text>
|
||||
<text x="655" y="388" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#374151">화재/연기 확산</text>
|
||||
<text x="655" y="400" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#374151">차단 완료</text>
|
||||
|
||||
<!-- 수신기에 상태 전송 -->
|
||||
<line x1="115" y1="130" x2="115" y2="207" stroke="#2563eb" stroke-width="1" stroke-dasharray="5,3"/>
|
||||
<text x="60" y="175" font-family="sans-serif" font-size="7" fill="#2563eb">상태 피드백</text>
|
||||
|
||||
<!-- 범례 -->
|
||||
<text x="80" y="460" font-family="sans-serif" font-size="8" fill="#6b7280">신호 흐름: 감지기 → 연동제어기 → 자동폐쇄기/모터/브레이크/경보 → 수신기(방재실) 피드백</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.3 KiB |
189
public/images/academy/fire-shutter/8.svg
Normal file
189
public/images/academy/fire-shutter/8.svg
Normal file
@@ -0,0 +1,189 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow8" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto">
|
||||
<path d="M0,0 L10,3.5 L0,7" fill="#991b1b"/>
|
||||
</marker>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">2단계 폐쇄 시퀀스</text>
|
||||
|
||||
<!-- === 단계 1: 평상시 === -->
|
||||
<g transform="translate(30,50)">
|
||||
<rect x="0" y="0" width="220" height="280" fill="#fff" stroke="#16a34a" stroke-width="2" rx="8"/>
|
||||
<rect x="0" y="0" width="220" height="35" fill="#dcfce7" stroke="#16a34a" stroke-width="2" rx="8"/>
|
||||
<rect x="0" y="25" width="220" height="10" fill="#dcfce7" stroke="none"/>
|
||||
<text x="110" y="23" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#166534" font-weight="bold">평상시</text>
|
||||
|
||||
<!-- 천장 -->
|
||||
<rect x="20" y="50" width="180" height="12" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
<!-- 케이스 + 샤프트 (감김) -->
|
||||
<rect x="40" y="62" width="140" height="35" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="3"/>
|
||||
<circle cx="110" cy="80" r="12" fill="#fecdd3" stroke="#dc2626" stroke-width="1"/>
|
||||
<circle cx="110" cy="80" r="7" fill="#fecaca" stroke="#dc2626" stroke-width="0.5"/>
|
||||
<text x="110" y="83" text-anchor="middle" font-family="sans-serif" font-size="6" fill="#991b1b">감김</text>
|
||||
|
||||
<!-- 가이드레일 -->
|
||||
<rect x="35" y="97" width="8" height="155" fill="#fca5a5" stroke="#dc2626" stroke-width="0.8"/>
|
||||
<rect x="177" y="97" width="8" height="155" fill="#fca5a5" stroke="#dc2626" stroke-width="0.8"/>
|
||||
|
||||
<!-- 열린 공간 (사람 통행) -->
|
||||
<text x="110" y="170" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#16a34a">통행 가능</text>
|
||||
<!-- 사람 아이콘 (간단 표현) -->
|
||||
<circle cx="90" cy="200" r="6" fill="none" stroke="#374151" stroke-width="1.5"/>
|
||||
<line x1="90" y1="206" x2="90" y2="225" stroke="#374151" stroke-width="1.5"/>
|
||||
<line x1="80" y1="215" x2="100" y2="215" stroke="#374151" stroke-width="1.5"/>
|
||||
<line x1="90" y1="225" x2="82" y2="240" stroke="#374151" stroke-width="1.5"/>
|
||||
<line x1="90" y1="225" x2="98" y2="240" stroke="#374151" stroke-width="1.5"/>
|
||||
|
||||
<circle cx="130" cy="200" r="6" fill="none" stroke="#374151" stroke-width="1.5"/>
|
||||
<line x1="130" y1="206" x2="130" y2="225" stroke="#374151" stroke-width="1.5"/>
|
||||
<line x1="120" y1="215" x2="140" y2="215" stroke="#374151" stroke-width="1.5"/>
|
||||
<line x1="130" y1="225" x2="122" y2="240" stroke="#374151" stroke-width="1.5"/>
|
||||
<line x1="130" y1="225" x2="138" y2="240" stroke="#374151" stroke-width="1.5"/>
|
||||
|
||||
<!-- 바닥 -->
|
||||
<rect x="20" y="252" width="180" height="8" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
<text x="110" y="273" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">천장에 감겨 보이지 않음</text>
|
||||
</g>
|
||||
|
||||
<!-- 화살표 1→2 -->
|
||||
<line x1="260" y1="180" x2="295" y2="180" stroke="#991b1b" stroke-width="2.5" marker-end="url(#arrow8)"/>
|
||||
<text x="278" y="170" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#f59e0b" font-weight="bold">연기감지</text>
|
||||
|
||||
<!-- === 단계 2: 1차 하강 (연기감지) === -->
|
||||
<g transform="translate(300,50)">
|
||||
<rect x="0" y="0" width="220" height="280" fill="#fff" stroke="#f59e0b" stroke-width="2" rx="8"/>
|
||||
<rect x="0" y="0" width="220" height="35" fill="#fef3c7" stroke="#f59e0b" stroke-width="2" rx="8"/>
|
||||
<rect x="0" y="25" width="220" height="10" fill="#fef3c7" stroke="none"/>
|
||||
<text x="110" y="23" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#b45309" font-weight="bold">1차 하강 (연기감지)</text>
|
||||
|
||||
<!-- 천장 -->
|
||||
<rect x="20" y="50" width="180" height="12" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
<!-- 케이스 -->
|
||||
<rect x="40" y="62" width="140" height="35" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="3"/>
|
||||
<circle cx="110" cy="80" r="10" fill="#fecdd3" stroke="#dc2626" stroke-width="1"/>
|
||||
|
||||
<!-- 가이드레일 -->
|
||||
<rect x="35" y="97" width="8" height="155" fill="#fca5a5" stroke="#dc2626" stroke-width="0.8"/>
|
||||
<rect x="177" y="97" width="8" height="155" fill="#fca5a5" stroke="#dc2626" stroke-width="0.8"/>
|
||||
|
||||
<!-- 슬랫 커튼 (바닥 위 60cm~1m 까지 하강) -->
|
||||
<g opacity="0.8">
|
||||
<rect x="43" y="97" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="105" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="113" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="121" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="129" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="137" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="145" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="153" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="161" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="169" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="177" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="185" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="193" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
</g>
|
||||
<!-- 하단바 -->
|
||||
<rect x="40" y="200" width="140" height="6" fill="#dc2626" stroke="#991b1b" stroke-width="1" rx="1"/>
|
||||
|
||||
<!-- 약 1m 공간 표시 -->
|
||||
<line x1="190" y1="206" x2="190" y2="252" stroke="#f59e0b" stroke-width="1.5" stroke-dasharray="4,2"/>
|
||||
<line x1="185" y1="206" x2="195" y2="206" stroke="#f59e0b" stroke-width="1"/>
|
||||
<line x1="185" y1="252" x2="195" y2="252" stroke="#f59e0b" stroke-width="1"/>
|
||||
<text x="205" y="232" font-family="sans-serif" font-size="8" fill="#f59e0b" font-weight="bold">≈1m</text>
|
||||
|
||||
<!-- 대피하는 사람 -->
|
||||
<circle cx="110" cy="220" r="5" fill="none" stroke="#374151" stroke-width="1.2"/>
|
||||
<line x1="110" y1="225" x2="110" y2="240" stroke="#374151" stroke-width="1.2"/>
|
||||
<line x1="103" y1="232" x2="117" y2="232" stroke="#374151" stroke-width="1.2"/>
|
||||
<line x1="110" y1="240" x2="104" y2="250" stroke="#374151" stroke-width="1.2"/>
|
||||
<line x1="110" y1="240" x2="116" y2="250" stroke="#374151" stroke-width="1.2"/>
|
||||
<!-- 화살표(대피 방향) -->
|
||||
<line x1="125" y1="235" x2="155" y2="235" stroke="#16a34a" stroke-width="1.5" marker-end="url(#arrow8)"/>
|
||||
<text x="140" y="248" font-family="sans-serif" font-size="7" fill="#16a34a">대피</text>
|
||||
|
||||
<!-- 바닥 -->
|
||||
<rect x="20" y="252" width="180" height="8" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
<text x="110" y="273" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#b45309">대피 공간 확보 (일부폐쇄)</text>
|
||||
</g>
|
||||
|
||||
<!-- 화살표 2→3 -->
|
||||
<line x1="530" y1="180" x2="565" y2="180" stroke="#991b1b" stroke-width="2.5" marker-end="url(#arrow8)"/>
|
||||
<text x="548" y="170" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#ec4899" font-weight="bold">열감지</text>
|
||||
|
||||
<!-- === 단계 3: 완전 폐쇄 (열감지) === -->
|
||||
<g transform="translate(570,50)">
|
||||
<rect x="0" y="0" width="220" height="280" fill="#fff" stroke="#dc2626" stroke-width="2" rx="8"/>
|
||||
<rect x="0" y="0" width="220" height="35" fill="#fee2e2" stroke="#dc2626" stroke-width="2" rx="8"/>
|
||||
<rect x="0" y="25" width="220" height="10" fill="#fee2e2" stroke="none"/>
|
||||
<text x="110" y="23" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#991b1b" font-weight="bold">완전 폐쇄 (열감지)</text>
|
||||
|
||||
<!-- 천장 -->
|
||||
<rect x="20" y="50" width="180" height="12" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
<!-- 케이스 -->
|
||||
<rect x="40" y="62" width="140" height="35" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="3"/>
|
||||
<circle cx="110" cy="80" r="8" fill="#fecdd3" stroke="#dc2626" stroke-width="1"/>
|
||||
|
||||
<!-- 가이드레일 -->
|
||||
<rect x="35" y="97" width="8" height="155" fill="#fca5a5" stroke="#dc2626" stroke-width="0.8"/>
|
||||
<rect x="177" y="97" width="8" height="155" fill="#fca5a5" stroke="#dc2626" stroke-width="0.8"/>
|
||||
|
||||
<!-- 슬랫 커튼 (바닥까지 완전 하강) -->
|
||||
<g opacity="0.8">
|
||||
<rect x="43" y="97" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="105" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="113" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="121" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="129" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="137" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="145" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="153" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="161" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="169" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="177" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="185" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="193" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="201" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="209" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="217" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="225" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="233" width="134" height="7" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="43" y="241" width="134" height="7" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
</g>
|
||||
<!-- 하단바 (바닥 접지) -->
|
||||
<rect x="40" y="248" width="140" height="6" fill="#dc2626" stroke="#991b1b" stroke-width="1.5" rx="1"/>
|
||||
|
||||
<!-- 바닥 -->
|
||||
<rect x="20" y="252" width="180" height="8" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
|
||||
<!-- 완전 폐쇄 표시 -->
|
||||
<text x="110" y="273" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#991b1b" font-weight="bold">화재/연기 확산 차단</text>
|
||||
|
||||
<!-- 화염 표시 (좌측) -->
|
||||
<text x="15" y="180" font-family="sans-serif" font-size="18" fill="#f97316">🔥</text>
|
||||
<text x="15" y="200" font-family="sans-serif" font-size="12" fill="#f97316">🔥</text>
|
||||
</g>
|
||||
|
||||
<!-- 하단 요약 -->
|
||||
<rect x="30" y="355" width="740" height="130" fill="#fff" stroke="#dc2626" stroke-width="1.5" rx="8"/>
|
||||
<text x="400" y="380" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">시퀀스 요약</text>
|
||||
|
||||
<rect x="50" y="395" width="200" height="40" fill="#dcfce7" stroke="#16a34a" stroke-width="1" rx="4"/>
|
||||
<text x="150" y="415" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#166534" font-weight="bold">평상시: 천장 내부 감김</text>
|
||||
<text x="150" y="428" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">통행 가능 (보이지 않음)</text>
|
||||
|
||||
<line x1="255" y1="415" x2="295" y2="415" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow8)"/>
|
||||
|
||||
<rect x="300" y="395" width="200" height="40" fill="#fef3c7" stroke="#f59e0b" stroke-width="1" rx="4"/>
|
||||
<text x="400" y="415" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#b45309" font-weight="bold">1차: 바닥 위 60cm~1m 정지</text>
|
||||
<text x="400" y="428" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">대피 공간 확보 (일부폐쇄)</text>
|
||||
|
||||
<line x1="505" y1="415" x2="545" y2="415" stroke="#991b1b" stroke-width="1.5" marker-end="url(#arrow8)"/>
|
||||
|
||||
<rect x="550" y="395" width="200" height="40" fill="#fee2e2" stroke="#dc2626" stroke-width="1" rx="4"/>
|
||||
<text x="650" y="415" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#991b1b" font-weight="bold">2차: 바닥 접지 (완전폐쇄)</text>
|
||||
<text x="650" y="428" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">화재/연기 확산 차단</text>
|
||||
|
||||
<text x="400" y="470" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#6b7280">하강 속도: 0.15 m/s 이하 (거버너 제어) | 경보음 발생</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
140
public/images/academy/fire-shutter/9.svg
Normal file
140
public/images/academy/fire-shutter/9.svg
Normal file
@@ -0,0 +1,140 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
|
||||
<defs>
|
||||
<marker id="arrow9" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||||
<path d="M0,0 L8,3 L0,6" fill="#991b1b"/>
|
||||
</marker>
|
||||
<pattern id="concrete9" patternUnits="userSpaceOnUse" width="8" height="8" patternTransform="rotate(45)">
|
||||
<line x1="0" y1="0" x2="0" y2="8" stroke="#d1d5db" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<!-- 배경 -->
|
||||
<rect width="800" height="500" fill="#fef2f2" rx="8"/>
|
||||
<text x="400" y="28" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#991b1b">설치 시공 단면도 — 현장 설치 순서</text>
|
||||
|
||||
<!-- 좌측: 설치 단면도 -->
|
||||
<!-- 천장 슬래브 -->
|
||||
<rect x="60" y="55" width="340" height="25" fill="url(#concrete9)" stroke="#9ca3af" stroke-width="1.5"/>
|
||||
<rect x="60" y="55" width="340" height="25" fill="#d1d5db" fill-opacity="0.6" stroke="#9ca3af" stroke-width="1.5"/>
|
||||
<text x="230" y="72" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#6b7280">천장 슬래브</text>
|
||||
|
||||
<!-- 앵커볼트 -->
|
||||
<rect x="115" y="80" width="6" height="18" fill="#374151" rx="1"/>
|
||||
<rect x="335" y="80" width="6" height="18" fill="#374151" rx="1"/>
|
||||
<text x="118" y="77" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#374151">앵커</text>
|
||||
<text x="338" y="77" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#374151">앵커</text>
|
||||
|
||||
<!-- 브라켓 (양측) -->
|
||||
<rect x="100" y="95" width="30" height="55" fill="#f87171" stroke="#991b1b" stroke-width="1.5" rx="2"/>
|
||||
<text x="115" y="125" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#fff" font-weight="bold">브라켓</text>
|
||||
<rect x="325" y="95" width="30" height="55" fill="#f87171" stroke="#991b1b" stroke-width="1.5" rx="2"/>
|
||||
<text x="340" y="125" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#fff" font-weight="bold">브라켓</text>
|
||||
|
||||
<!-- 샤프트 -->
|
||||
<ellipse cx="228" cy="120" rx="80" ry="22" fill="#fecdd3" stroke="#dc2626" stroke-width="2"/>
|
||||
<text x="228" y="125" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#991b1b" font-weight="bold">샤프트 + 커튼(감김)</text>
|
||||
|
||||
<!-- 케이스 -->
|
||||
<rect x="92" y="88" width="272" height="65" fill="none" stroke="#dc2626" stroke-width="1.5" stroke-dasharray="5,3" rx="4"/>
|
||||
<text x="230" y="100" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#dc2626">케이스</text>
|
||||
|
||||
<!-- 벽체 (좌) -->
|
||||
<rect x="60" y="55" width="30" height="370" fill="url(#concrete9)" stroke="#9ca3af" stroke-width="1"/>
|
||||
<rect x="60" y="55" width="30" height="370" fill="#e5e7eb" fill-opacity="0.5" stroke="#9ca3af" stroke-width="1"/>
|
||||
<!-- 벽체 (우) -->
|
||||
<rect x="365" y="55" width="30" height="370" fill="url(#concrete9)" stroke="#9ca3af" stroke-width="1"/>
|
||||
<rect x="365" y="55" width="30" height="370" fill="#e5e7eb" fill-opacity="0.5" stroke="#9ca3af" stroke-width="1"/>
|
||||
|
||||
<!-- 가이드레일 (좌) -->
|
||||
<rect x="90" y="153" width="12" height="250" fill="#fca5a5" stroke="#dc2626" stroke-width="1"/>
|
||||
<!-- 가이드레일 (우) -->
|
||||
<rect x="353" y="153" width="12" height="250" fill="#fca5a5" stroke="#dc2626" stroke-width="1"/>
|
||||
|
||||
<!-- 슬랫 커튼 (일부 펼침) -->
|
||||
<rect x="102" y="155" width="251" height="6" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="102" y="162" width="251" height="6" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="102" y="169" width="251" height="6" fill="#fecdd3" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<rect x="102" y="176" width="251" height="6" fill="#ffe4e6" stroke="#e11d48" stroke-width="0.3"/>
|
||||
<text x="228" y="198" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#e11d48">... 슬랫 커튼 하강 ...</text>
|
||||
|
||||
<!-- 하강방향 화살표 -->
|
||||
<line x1="228" y1="200" x2="228" y2="380" stroke="#dc2626" stroke-width="1" stroke-dasharray="6,3" marker-end="url(#arrow9)"/>
|
||||
|
||||
<!-- 하단바 -->
|
||||
<rect x="100" y="395" width="255" height="8" fill="#dc2626" stroke="#991b1b" stroke-width="1" rx="2"/>
|
||||
|
||||
<!-- 바닥 -->
|
||||
<rect x="60" y="405" width="340" height="20" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/>
|
||||
<text x="230" y="419" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">바닥면</text>
|
||||
|
||||
<!-- 우측: 설치 순서 -->
|
||||
<text x="580" y="60" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#991b1b" font-weight="bold">현장 설치 순서</text>
|
||||
|
||||
<!-- 순서 1 -->
|
||||
<g transform="translate(440, 75)">
|
||||
<circle cx="18" cy="14" r="14" fill="#dc2626"/>
|
||||
<text x="18" y="19" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">1</text>
|
||||
<text x="40" y="12" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">현장 실측 · 먹매김</text>
|
||||
<text x="40" y="26" font-family="sans-serif" font-size="8" fill="#6b7280">개구부 폭/높이 실측, 기준선 설정</text>
|
||||
</g>
|
||||
|
||||
<!-- 순서 2 -->
|
||||
<g transform="translate(440, 120)">
|
||||
<circle cx="18" cy="14" r="14" fill="#dc2626"/>
|
||||
<text x="18" y="19" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">2</text>
|
||||
<text x="40" y="12" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">브라켓 고정</text>
|
||||
<text x="40" y="26" font-family="sans-serif" font-size="8" fill="#6b7280">앵커볼트 → 브라켓 수평 조정 (±2mm)</text>
|
||||
</g>
|
||||
|
||||
<!-- 순서 3 -->
|
||||
<g transform="translate(440, 165)">
|
||||
<circle cx="18" cy="14" r="14" fill="#dc2626"/>
|
||||
<text x="18" y="19" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">3</text>
|
||||
<text x="40" y="12" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">가이드레일 설치</text>
|
||||
<text x="40" y="26" font-family="sans-serif" font-size="8" fill="#6b7280">수직 고정, 앵커 400mm 간격, 차연재 삽입</text>
|
||||
</g>
|
||||
|
||||
<!-- 순서 4 -->
|
||||
<g transform="translate(440, 210)">
|
||||
<circle cx="18" cy="14" r="14" fill="#dc2626"/>
|
||||
<text x="18" y="19" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">4</text>
|
||||
<text x="40" y="12" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">샤프트 거치</text>
|
||||
<text x="40" y="26" font-family="sans-serif" font-size="8" fill="#6b7280">브라켓 베어링에 안착, 정렬 확인</text>
|
||||
</g>
|
||||
|
||||
<!-- 순서 5 -->
|
||||
<g transform="translate(440, 255)">
|
||||
<circle cx="18" cy="14" r="14" fill="#dc2626"/>
|
||||
<text x="18" y="19" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">5</text>
|
||||
<text x="40" y="12" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">커튼 가이드레일 삽입</text>
|
||||
<text x="40" y="26" font-family="sans-serif" font-size="8" fill="#6b7280">슬랫 양끝 → 가이드레일 홈, 승강 확인</text>
|
||||
</g>
|
||||
|
||||
<!-- 순서 6 -->
|
||||
<g transform="translate(440, 300)">
|
||||
<circle cx="18" cy="14" r="14" fill="#dc2626"/>
|
||||
<text x="18" y="19" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">6</text>
|
||||
<text x="40" y="12" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">전장 설치 · 배선</text>
|
||||
<text x="40" y="26" font-family="sans-serif" font-size="8" fill="#6b7280">연동제어기, 감지기, 리밋스위치 결선</text>
|
||||
</g>
|
||||
|
||||
<!-- 순서 7 -->
|
||||
<g transform="translate(440, 345)">
|
||||
<circle cx="18" cy="14" r="14" fill="#dc2626"/>
|
||||
<text x="18" y="19" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">7</text>
|
||||
<text x="40" y="12" font-family="sans-serif" font-size="10" fill="#374151" font-weight="bold">케이스 설치</text>
|
||||
<text x="40" y="26" font-family="sans-serif" font-size="8" fill="#6b7280">셔터박스 설치, 천장 마감, 점검구 확보</text>
|
||||
</g>
|
||||
|
||||
<!-- 순서 8 -->
|
||||
<g transform="translate(440, 390)">
|
||||
<circle cx="18" cy="14" r="14" fill="#16a34a"/>
|
||||
<text x="18" y="19" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#fff" font-weight="bold">8</text>
|
||||
<text x="40" y="12" font-family="sans-serif" font-size="10" fill="#166534" font-weight="bold">시운전 점검</text>
|
||||
<text x="40" y="26" font-family="sans-serif" font-size="8" fill="#6b7280">전동 개폐, 감지기 연동, 하강속도 확인</text>
|
||||
</g>
|
||||
|
||||
<!-- 허용 오차 -->
|
||||
<rect x="440" y="430" width="320" height="35" fill="#fef3c7" stroke="#f59e0b" stroke-width="1" rx="4"/>
|
||||
<text x="600" y="448" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#b45309" font-weight="bold">허용 오차: 수평 ±2mm | 수직도 확인 필수</text>
|
||||
<text x="600" y="460" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#6b7280">앵커볼트 간격 400mm 이내 | 하강속도 0.15m/s 이하</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.9 KiB |
@@ -103,7 +103,7 @@
|
||||
</div>
|
||||
<div class="shrink-0" style="width: 240px; padding: 1.5rem;">
|
||||
<div class="overflow-hidden rounded-xl">
|
||||
<img src="{{ asset('images/academy/fire-shutter/5.png') }}" alt="방화셔터 샤프트 어셈블리"
|
||||
<img src="{{ asset('images/academy/fire-shutter/5.svg') }}" alt="방화셔터 샤프트 어셈블리"
|
||||
class="w-full rounded-xl cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
</div>
|
||||
@@ -187,7 +187,7 @@ class="w-full rounded-xl cursor-pointer academy-img-hover"
|
||||
</div>
|
||||
<div class="flex flex-col lg:flex-row gap-5 items-start mb-4">
|
||||
<div class="shrink-0 bg-gray-50 rounded-xl p-3 border academy-img-wrap" style="width: 240px;">
|
||||
<img src="{{ asset('images/academy/fire-shutter/8.png') }}" alt="2단계 폐쇄 시퀀스"
|
||||
<img src="{{ asset('images/academy/fire-shutter/8.svg') }}" alt="2단계 폐쇄 시퀀스"
|
||||
class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
<p class="text-xs text-gray-400 mt-2 text-center">2단계 폐쇄 시퀀스</p>
|
||||
@@ -212,7 +212,7 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
</h3>
|
||||
<!-- 강판형 vs 스크린형 이미지 -->
|
||||
<div class="mb-5 bg-gray-50 rounded-xl p-4 border flex justify-center academy-img-wrap">
|
||||
<img src="{{ asset('images/academy/fire-shutter/11.png') }}" alt="강판형 vs 스크린형 비교"
|
||||
<img src="{{ asset('images/academy/fire-shutter/11.svg') }}" alt="강판형 vs 스크린형 비교"
|
||||
class="rounded-lg cursor-pointer academy-img-hover"
|
||||
style="max-height: 320px; width: auto;"
|
||||
onclick="openLightbox(this)">
|
||||
@@ -415,7 +415,7 @@ class="rounded-lg cursor-pointer academy-img-hover"
|
||||
전체 구성도
|
||||
</h3>
|
||||
<div class="bg-gray-50 rounded-xl p-4 border flex justify-center academy-img-wrap">
|
||||
<img src="{{ asset('images/academy/fire-shutter/1.png') }}" alt="방화셔터 전체 구성도"
|
||||
<img src="{{ asset('images/academy/fire-shutter/1.svg') }}" alt="방화셔터 전체 구성도"
|
||||
class="rounded-lg shadow-md cursor-pointer academy-img-hover"
|
||||
style="max-height: 380px; width: auto;"
|
||||
onclick="openLightbox(this)">
|
||||
@@ -431,7 +431,7 @@ class="rounded-lg shadow-md cursor-pointer academy-img-hover"
|
||||
</h3>
|
||||
<div class="flex flex-col lg:flex-row gap-5 items-start">
|
||||
<div class="shrink-0 bg-gray-50 rounded-xl p-3 border academy-img-wrap" style="width: 220px;">
|
||||
<img src="{{ asset('images/academy/fire-shutter/2.png') }}" alt="슬랫 인터록킹 구조"
|
||||
<img src="{{ asset('images/academy/fire-shutter/2.svg') }}" alt="슬랫 인터록킹 구조"
|
||||
class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
<p class="text-xs text-gray-400 mt-2 text-center">슬랫 인터록킹 구조</p>
|
||||
@@ -458,7 +458,7 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
</h3>
|
||||
<div class="flex flex-col lg:flex-row-reverse gap-5 items-start">
|
||||
<div class="shrink-0 bg-gray-50 rounded-xl p-3 border academy-img-wrap" style="width: 220px;">
|
||||
<img src="{{ asset('images/academy/fire-shutter/3.png') }}" alt="가이드레일 단면"
|
||||
<img src="{{ asset('images/academy/fire-shutter/3.svg') }}" alt="가이드레일 단면"
|
||||
class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
<p class="text-xs text-gray-400 mt-2 text-center">가이드레일 단면 구조</p>
|
||||
@@ -485,7 +485,7 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
</h3>
|
||||
<div class="flex flex-col lg:flex-row gap-5 items-start">
|
||||
<div class="shrink-0 bg-gray-50 rounded-xl p-3 border academy-img-wrap" style="width: 220px;">
|
||||
<img src="{{ asset('images/academy/fire-shutter/4.png') }}" alt="샤프트 어셈블리"
|
||||
<img src="{{ asset('images/academy/fire-shutter/4.svg') }}" alt="샤프트 어셈블리"
|
||||
class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
<p class="text-xs text-gray-400 mt-2 text-center">샤프트 어셈블리</p>
|
||||
@@ -514,7 +514,7 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
<!-- 감속기+모터+브레이크 (6.png) -->
|
||||
<div class="flex flex-col lg:flex-row-reverse gap-5 items-start mb-6">
|
||||
<div class="shrink-0 bg-gray-50 rounded-xl p-3 border academy-img-wrap" style="width: 220px;">
|
||||
<img src="{{ asset('images/academy/fire-shutter/6.png') }}" alt="감속기, 모터, 브레이크"
|
||||
<img src="{{ asset('images/academy/fire-shutter/6.svg') }}" alt="감속기, 모터, 브레이크"
|
||||
class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
<p class="text-xs text-gray-400 mt-2 text-center">감속기 + 모터 + 브레이크</p>
|
||||
@@ -538,7 +538,7 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
<!-- 연동제어기 시스템 (7.png) -->
|
||||
<div class="flex flex-col lg:flex-row gap-5 items-start mb-4">
|
||||
<div class="shrink-0 bg-gray-50 rounded-xl p-3 border academy-img-wrap" style="width: 220px;">
|
||||
<img src="{{ asset('images/academy/fire-shutter/7.png') }}" alt="연동제어기 시스템"
|
||||
<img src="{{ asset('images/academy/fire-shutter/7.svg') }}" alt="연동제어기 시스템"
|
||||
class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
<p class="text-xs text-gray-400 mt-2 text-center">연동제어기 시스템</p>
|
||||
@@ -638,6 +638,12 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
<span class="w-6 h-6 bg-blue-500 text-white rounded-full flex items-center justify-center text-xs font-bold">1</span>
|
||||
<h4 class="font-semibold text-gray-800 text-sm">슬랫 롤포밍 공정</h4>
|
||||
</div>
|
||||
<div class="mb-3 bg-white rounded-xl p-3 border flex justify-center academy-img-wrap">
|
||||
<img src="{{ asset('images/academy/fire-shutter/13.svg') }}" alt="슬랫 롤포밍 공정 라인"
|
||||
class="rounded-lg cursor-pointer academy-img-hover"
|
||||
style="max-height: 280px; width: auto;"
|
||||
onclick="openLightbox(this)">
|
||||
</div>
|
||||
<p class="text-xs text-gray-600 mb-2">용융아연도금강판 코일을 언코일러에 장착 후 롤포밍 라인을 통과시켜 슬랫 단면 형상으로 연속 성형한다.</p>
|
||||
<div class="flex flex-wrap gap-2 text-xs">
|
||||
<span class="px-2 py-1 bg-white border rounded">언코일링</span>
|
||||
@@ -689,6 +695,12 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
<span class="w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
|
||||
<h4 class="font-semibold text-gray-800 text-sm">조립 공정</h4>
|
||||
</div>
|
||||
<div class="mb-3 bg-white rounded-xl p-3 border flex justify-center academy-img-wrap">
|
||||
<img src="{{ asset('images/academy/fire-shutter/14.svg') }}" alt="조립 공정 순서 다이어그램"
|
||||
class="rounded-lg cursor-pointer academy-img-hover"
|
||||
style="max-height: 280px; width: auto;"
|
||||
onclick="openLightbox(this)">
|
||||
</div>
|
||||
<p class="text-xs text-gray-600 mb-2">부품 가공이 완료되면 다음 순서로 조립한다:</p>
|
||||
<ol class="text-xs text-gray-600 space-y-1 pl-4 list-decimal">
|
||||
<li>샤프트에 밸런스 스프링 장착 및 텐션 조정</li>
|
||||
@@ -706,6 +718,12 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
<span class="w-6 h-6 bg-purple-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
|
||||
<h4 class="font-semibold text-gray-800 text-sm">완성품 검사</h4>
|
||||
</div>
|
||||
<div class="mb-3 bg-white rounded-xl p-3 border flex justify-center academy-img-wrap">
|
||||
<img src="{{ asset('images/academy/fire-shutter/15.svg') }}" alt="완성품 검사 항목"
|
||||
class="rounded-lg cursor-pointer academy-img-hover"
|
||||
style="max-height: 280px; width: auto;"
|
||||
onclick="openLightbox(this)">
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-2 text-xs text-gray-600">
|
||||
<div class="bg-white p-2 rounded border">외관 검사: 도장 상태, 슬랫 정렬, 용접부</div>
|
||||
<div class="bg-white p-2 rounded border">치수 검사: 폭, 높이, 가이드레일 간격</div>
|
||||
@@ -740,7 +758,7 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
<p class="text-sm text-gray-600">방화셔터의 현장 설치는 정밀한 실측부터 시운전 점검까지 체계적인 절차를 따른다.</p>
|
||||
</div>
|
||||
<div class="shrink-0 bg-gray-50 rounded-xl p-3 border academy-img-wrap" style="width: 200px;">
|
||||
<img src="{{ asset('images/academy/fire-shutter/9.png') }}" alt="방화셔터 현장 설치"
|
||||
<img src="{{ asset('images/academy/fire-shutter/9.svg') }}" alt="방화셔터 현장 설치"
|
||||
class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
<p class="text-xs text-gray-400 mt-2 text-center">현장 설치 과정</p>
|
||||
@@ -917,7 +935,7 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
<p class="text-sm text-gray-600">방화셔터의 정기적인 점검과 유지보수는 화재 시 정상 작동을 보장하는 핵심 요소이다.</p>
|
||||
</div>
|
||||
<div class="shrink-0 bg-gray-50 rounded-xl p-3 border academy-img-wrap" style="width: 200px;">
|
||||
<img src="{{ asset('images/academy/fire-shutter/10.png') }}" alt="방화셔터 유지보수 점검"
|
||||
<img src="{{ asset('images/academy/fire-shutter/10.svg') }}" alt="방화셔터 유지보수 점검"
|
||||
class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
onclick="openLightbox(this)">
|
||||
<p class="text-xs text-gray-400 mt-2 text-center">유지보수 점검</p>
|
||||
@@ -1039,7 +1057,7 @@ class="w-full rounded-lg cursor-pointer academy-img-hover"
|
||||
|
||||
<!-- 고장 유형 이미지 (12.png) -->
|
||||
<div class="mb-5 bg-gray-50 rounded-xl p-4 border flex justify-center academy-img-wrap">
|
||||
<img src="{{ asset('images/academy/fire-shutter/12.png') }}" alt="주요 고장 유형"
|
||||
<img src="{{ asset('images/academy/fire-shutter/12.svg') }}" alt="주요 고장 유형"
|
||||
class="rounded-lg cursor-pointer academy-img-hover"
|
||||
style="max-height: 300px; width: auto;"
|
||||
onclick="openLightbox(this)">
|
||||
|
||||
Reference in New Issue
Block a user