🎨 Palette: 외부 링크 새 창 열기 시각적 아이콘 추가

[seonghobae]

💡 What:

target="_blank" 속성을 가진 외부 링크 옆에 작은 '새 창' 아이콘을 추가했습니다.

🎯 Why:

사용자가 링크를 클릭했을 때 예측하지 못하게 새 창이 열리는 것은 당혹스러움을 줄 수 있습니다. 시각적 인디케이터를 통해 탐색 경험을 개선하고 인지 부하를 줄였습니다.

📸 Before/After:

PR 스크린샷과 비디오를 참조하세요. HTML을 변경하지 않고 CSS ::after와 SVG 마스크만을 사용하여 깔끔하게 구현했습니다.

♿ Accessibility:

시각적 단서를 추가하여 링크 동작의 예측 가능성을 높였습니다. (WCAG 2.0 SC 3.2.5 관련). 스크린 리더는 보통 target="_blank"를 자체적으로 알려주지만, 인지적 접근성 측면에서 모든 사용자에게 도움이 됩니다.

---

PR created automatically by Jules for task 5720050565696081532 started by @seonghobae

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[Copilot]

Pull request overview

Adds a visual “opens in new tab/window” indicator for links using target="_blank" to improve user predictability on this static site, implemented purely in CSS (no HTML changes).

Changes:

• Add a ::after icon (SVG mask) for a[target="_blank"] in styles.css.
• Record the user-facing change in CHANGELOG.md.
• Add a palette learning-journal entry (but currently introduces a casing-duplicate file path).

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.

File	Description
styles.css	Adds a masked SVG pseudo-element icon after target="_blank" links.
CHANGELOG.md	Documents the new external-link indicator under [Unreleased] (format needs to match existing bullets).
.jules/palette.md	Adds a learning entry, but duplicates existing .Jules/palette.md via case-only path difference.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[seonghobae]

Closing rather than rebasing this stale branch. Its global a[target="_blank"]::after rule conflicts with the current production .project-grid h3 a::after pseudo-element that expands project links across the full card; one ::after cannot safely serve both the icon and hit-area contracts. The embedded data: SVG mask is also incompatible with the current img-src 'self' deny-by-default CSP unless policy is deliberately widened, which is not justified for a decorative icon. Four unresolved review findings remain, including the case-colliding .jules/.Jules path. A future implementation should use non-conflicting markup or a dedicated child element, preserve the strict CSP, and include current-base accessibility and regression tests.

[google-labs-jules]

Closing rather than rebasing this stale branch. Its global a[target="_blank"]::after rule conflicts with the current production .project-grid h3 a::after pseudo-element that expands project links across the full card; one ::after cannot safely serve both the icon and hit-area contracts. The embedded data: SVG mask is also incompatible with the current img-src 'self' deny-by-default CSP unless policy is deliberately widened, which is not justified for a decorative icon. Four unresolved review findings remain, including the case-colliding .jules/.Jules path. A future implementation should use non-conflicting markup or a dedicated child element, preserve the strict CSP, and include current-base accessibility and regression tests.

이해했습니다. 해당 작업이 더 이상 유효하지 않음을 확인했으며 작업을 중단하겠습니다.