[FE][Feat] #106 : add-channel 페이지 사용자 별 경로 설정 기능 구현 및 header 상수화

[leedongyull]

📝 PR 개요

• 바텀시트 최소 크기 변경
• header 상수화
• 사용자 Context로 관리
• 사용자 별 루트 설정 기능 구현 (mock데이터)
• 위도 및 경도 주소로 변환 (아직 전체주소)

---

✅ 체크리스트 (Checklist)

• 코드가 빌드 오류 없이 잘 작동하는지 확인
• 테스트가 통과하는지 확인
• 스타일 가이드와 일관성을 유지했는지 확인
• 관련 문서가 업데이트되었는지 확인 (선택 사항)
• 리뷰어가 이해할 수 있도록 주석이나 설명을 추가했는지 확인

---

🔄 관련 이슈 (Linked Issues)

#106

---

📷 스크린샷 및 동영상 (선택 사항)

바텀 시트 최소 크기

유저 추가 삭제 및 footer 상태 변환 테스트

---

📚 생겼던 이슈

Header 상수화 과정에서 동적 파라미터 받기

• 처음에는 url을 파싱해서 변환해주는 함수를 만들고

export const HEADER_TITLE: { [key: string]: string | ((id: string) => string) } = {
  '/add-channel/:id/draw': id => ${id}에 따른 경로 설정,
};

이런식으로 구현해서 사용하려고 하였음. 하지만 title 만 로직이 복잡해지고 심지어 해시값으로 나와서 사용할 수 없었음
따라서 현재는 임시로 이런식으로 사용...

title={`${params.user || ''}${headerOption.title}`}

Footer 상수화

• Footer의 경우 ACTIVE, PASSIVE 상태 등등 동적으로 변경이 자주 일어남
• 따라서 url path 에 따른 상수화가 현재 불가능
• 어떻게 해야할지..?

검색 기능 및 주소 매핑 (ex. 서울특별시 강남구 강남대로 지하396 -> 강남역) 은 추후 추가 예정

api만 연결하면 user쪽은 거의 끝난 것 같습니다

[effozen]

LGTM

[happyhyep]

LGTM

[happyhyep]

LGTM

[effozen]

LGTM