Skip to content

develp branch 작업내용 머지 : develop -> main#274

Merged
heeeeyong merged 2 commits into
mainfrom
develop
Oct 2, 2025
Merged

develp branch 작업내용 머지 : develop -> main#274
heeeeyong merged 2 commits into
mainfrom
develop

Conversation

@heeeeyong

@heeeeyong heeeeyong commented Oct 2, 2025

Copy link
Copy Markdown
Collaborator

이하동일

Summary by CodeRabbit

  • 신규 기능

    • 넓은 화면(약 1250px 이상)에서 좌측에 고정된 사이드 장식 이미지가 표시됩니다.
    • 레이아웃 전역에 적용되어 여러 페이지에서 일관된 시각적 요소를 제공합니다.
  • 스타일

    • 장식 이미지는 반응형으로 크기가 조정되며, 스크롤에 따라 자연스럽게 고정 유지됩니다.
    • 작은 화면에서는 자동으로 숨겨져 가독성을 유지합니다.
    • 사용자 상호작용을 방해하지 않도록 클릭/드래그가 차단되고, 접근성에 영향이 없도록 화면 읽기에서 제외됩니다.

@heeeeyong heeeeyong self-assigned this Oct 2, 2025
@vercel

vercel Bot commented Oct 2, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
thip Ready Ready Preview Comment Oct 2, 2025 7:24am

@heeeeyong heeeeyong added the 🌏 Deploy 배포 관련 label Oct 2, 2025
@coderabbitai

coderabbitai Bot commented Oct 2, 2025

Copy link
Copy Markdown

Caution

Review failed

The pull request is closed.

Walkthrough

새 React 컴포넌트 AsideDecoration이 추가되었고, Layout에 임포트되어 렌더링 트리에 포함되었습니다. 컴포넌트는 고정 위치의 장식 이미지를 표시하며, 1250px 미만 뷰포트에서 숨겨집니다. 접근성 속성(aria-hidden)과 포인터/선택 비활성화, z-index 및 반응형 스타일이 적용되었습니다.

Changes

Cohort / File(s) Change Summary
UI 장식 컴포넌트 추가
src/components/common/AsideDecoration.tsx
새 컴포넌트 AsideDecoration 추가. 고정 위치 래퍼와 장식 이미지(/src/assets/common/aside.svg) 렌더, aria-hidden 처리, 반응형/비인터랙티브 스타일, 1250px 미만에서 비표시. 기본(export default) 제공.
레이아웃 통합
src/components/common/Layout.tsx
AsideDecoration 임포트 및 JSX 내 렌더링 추가. 라우팅/타이틀 처리 로직 변경 없음.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  actor User
  participant App
  participant Layout
  participant AsideDecoration

  User->>App: 페이지 접근
  App->>Layout: 레이아웃 렌더
  Note over Layout: 기존 콘텐츠 렌더링
  Layout->>AsideDecoration: 장식 컴포넌트 렌더
  Note over AsideDecoration: aria-hidden, fixed, responsive, hide <1250px
  AsideDecoration-->>Layout: 장식 이미지 DOM
  Layout-->>App: 완성된 UI 반환
  App-->>User: 화면 표시
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

새벽 코드에 살짝 붙인 리본 한 올
왼쪽 가장자리에 반짝, 나는 토깽이 졸-
바람 불면 숨고, 넓을 땐 살포시 보일게요
클릭은 사양, 눈맛만 드려요 (`・ω・´)
레이아웃 품 안에 오늘도 살짝- 꾸며요 🥕

✨ Finishing touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch develop

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

  • Jira integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 3c2c675 and be7e450.

⛔ Files ignored due to path filters (2)
  • src/assets/common/aside.png is excluded by !**/*.png
  • src/assets/common/aside.svg is excluded by !**/*.svg
📒 Files selected for processing (2)
  • src/components/common/AsideDecoration.tsx (1 hunks)
  • src/components/common/Layout.tsx (2 hunks)

Comment @coderabbitai help to get the list of available commands and usage tips.

@heeeeyong heeeeyong merged commit 7aadae7 into main Oct 2, 2025
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🌏 Deploy 배포 관련

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant