Skip to content

Navigation Menu

Explore
By company size
By use case
By industry
View all solutions
Topics
- AI
- DevOps
- Security
- Software Development
- View all
Explore
- GitHub Sponsors
  Fund open source developers
- The ReadME Project
  GitHub community articles
Repositories
- Enterprise platform
  AI-powered developer platform
Available add-ons
Pricing

Search code, repositories, users, issues, pull requests...

Search

Clear

Search syntax tips

Provide feedback

We read every piece of feedback, and take your input very seriously.

Include my email address so I can be contacted

Saved searches

Use saved searches to filter your results more quickly

Name

Query

To see all available qualifiers, see our documentation.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Dismiss alert

softeerbootcamp4th / Team6-AwesomeOrange-FE Public

Notifications You must be signed in to change notification settings
Fork 0
Star 6

Code
Issues 2
Pull requests
Discussions
Actions
Projects
Wiki
Security
Insights

Additional navigation options

Code
Issues
Pull requests
Discussions
Actions
Projects
Wiki
Security
Insights

인터랙션 관련 모달과 추첨이벤트 참여 관련 user flow

Jump to bottom

darkdulgi edited this page Aug 13, 2024 · 1 revision

제목 없는 다이어그램 drawio

Toggle table of contents Pages 23

Home
Button
ClientOnly
suspense 기반 data fetching ‐ use, getQuery, useQuery, getQuerySuspense
Suspense, ErrorBoundary
useMountDragEvent
각 섹션으로의 스크롤 이동과 현재 사용자가 보고 있는 섹션의 감지
간편하고 확장성 있는 모달 관리를 위한 노력
공통 인터페이스
드래그 인터랙션의 시각장애인 접근성 개선기
모달
복잡한 퍼즐 인터랙션에 적절한 청각적 자막 제공하기
순수 리액트로 커스텀 무한이동 캐러셀 구현기
스크롤 ‐ scrollTo, useSectionInitialize
스크롤 위치에 따른 비디오 타임라인 조정
이미지 레이지 로딩과 폰트 서브셋으로 Lighthouse 퍼포먼스 100점 찍기
인터랙션 관련 모달과 추첨이벤트 참여 관련 user flow
인터랙션 상태 인터페이스 노출 전략
카드 게임 로딩 상태 심리스하게 보여주기
커스텀 zustand Suspender 개선으로 Suspense 더 활용하기
팀 어썸 오렌지가 Feature 기반 폴더 구조를 채택한 이유
팀 어썸 오렌지가 Static Site Generation을 채택한 이유
팀 어썸 오렌지가 폴더 구조를 2번 리팩토링하게 된 사연

🍊Team Awesom Orange FE🍊

🤖기술적인 고민들

🎯 기술적 선택 이유
- 팀 어썸 오렌지가 Static Site Generation을 채택한 이유
- 팀 어썸 오렌지가 Feature 기반 폴더 구조를 채택한 이유
✨ UX 및 접근성
#️⃣ 코드 퀄리티
인터랙션 리셋 인터페이스 노출 전략
🛠️ 구현

📱공통 인터페이스 스펙

⚛️ 컴포넌트
🪝 훅 및 함수

Clone this wiki locally

Footer

© 2025 GitHub, Inc.

Footer navigation

Terms
Privacy
Security
Status
Docs
Contact

You can’t perform that action at this time.