📒솜이노트

2025/10/01 검색 결과

해당 글 2건

# Thymeleaf - 조건부 CSS 클래스 제어하기: th:classappend 활용법

th:classappend란?HTML 요소의 class 속성에 동적으로 값을 추가(append) 하는 기능을 제공기존에 정의된 클래스는 유지하면서, 특정 조건이 참일 때만 새로운 클래스를 더할 수 있습니다.삼항 연산자(조건 ? 참일 때 값 : 거짓일 때 값)와 함께 자주 사용됩니다.기본 사용법isActive가 true면: class="list-group-item active"isActive가 false면: class="list-group-item" (변경 없음)실전 예시댓글과 대댓글 구분댓글 기능에서 부모 댓글과 대댓글을 구분할 때 th:classappend를 활용할 수 있습니다. 이후 CSS에서 reply 클래스에 스타일을 적용하면:.reply { margin-left: 20px;}.reply..

🖥️ 프론트엔드/🌿 타임리프,JSP 2025. 10. 1. 10:25

# 댓글/새로고침/화살표 특수문자 모음 (복사 가능)

화살표 특수문자 모음화살표 특수문자는 우리가 문서나 온라인에서 방향이나 순서를 나타낼 때 자주 사용됩니다.기본적으로 ➡️, ⬅️, ⬆️, ⬇️와 같은 화살표가 가장 많이 쓰이며, 더 특수한 화살표도 많이 활용되고 있죠. 아래는 다양한 화살표를 복사가능하도록 모아놨습니다. ↗ ↙ ↖ ↘→ ← ← ↑ ↓ ↔⇐⇑⇒⇓⇔➡⬅⬇⬆⇦⇧⇨⇩⇪⌅⌆⌤⏎➩➪➫➬➭➮➯➱➔➘➙➚➛➜➝➞➟➠➡➢➣➤➥➦➧➨△△▴▵▷▷▸▹▻▻▽▽▾▿◁◁◂◃◅◅ ◀▶⇚⇛ ⇽⇾⇿ ➳➴➵➶➷➸➹➺➻➼➽➾⍇⍈⍐⍗↩↪ ↺↻ ➲⤴⤵↵ ↩↪ ↶↷ ⤴ ⤵ ☇ ↰↱ ↴ ↜↝ ↥ ↲↳ ↗ ↙ ↖ ↘⇠⇡⇢⇣⇄⇅⇆⇇⇈⇉⇊⇕⇖⇗⇘⇙ ⇫⇬⇭⇮⇯⇰⇱⇲⇳⤔⤕⤖⤘⤝⤞⤟⤠⤡⤢⤣⤤⤥⤦⤫⤬⤭⤯ 아이콘들을 활용하여 효율적이고 직관적인 흐름을 만들 수 있습니다.오늘 소개한 다양한 화살표..

🪄 잡동사니 2025. 10. 1. 09:51