💄 공통 컴포넌트 설계 수정

[numeru]

📎 이슈번호

• 43

• 42

📃 변경사항

• TopNavigation 컴포넌트 title prop 의 타입을 ReactNode 로 변경 및 여러 상황에 따른 스타일 분기 처리
• BottomButton 컴포넌트 바닥 고정 스타일 속성 제거

📌 중점적으로 볼 부분

• TopNavigation 에서 상황에 따라 요소들 정렬하기 위한 방법으로 지금으로선 position: absolute 이용하는 것 말고 떠오르는게 없네요

• BottomButton 은 사용되는 곳에서 감싸서 바닥에 붙일 수 있게 너비만 100% 로 했습니다 이렇게 사용하시면 됩니다!

• @KimGaeun0806 @ding-co 사용하신 곳에서 수정부탁드립니다!

✔ 체크리스트

• [x] 브랜치 전략에 맞는 브랜치에 PR을 올리고 있습니다. (master/main이 아닙니다.)
• [x] 커밋 메세지를 컨벤션에 맞추었습니다.
• [x] 변경 후 코드는 컴파일러/브라우저 warning/error 가 발생시키지 않습니다.
• [x] 변경 후 코드는 기존의 테스트를 통과합니다.
• [x] 테스트 추가가 필요한지 검토해보았고, 필요한 경우 테스트를 추가했습니다.
• [x] docs 수정이 필요한지 검토해보았고, 필요한 경우 docs를 수정했습니다.

[ding-co]

인라인으로 스타일을 넣는 것이 조금 마음에 걸리긴 하는데 fixed 전용 styled component를 따로 만들거나, 여러 곳에서 사용하기 위해 해당 스타일 객체를 상수로 따로 빼도 괜찮을 것 같습니다.

[numeru]

인라인으로 스타일을 넣는 것이 조금 마음에 걸리긴 하는데 fixed 전용 styled component를 따로 만들거나, 여러 곳에서 사용하기 위해 해당 스타일 객체를 상수로 따로 빼도 괜찮을 것 같습니다.

아 인라인으로 스타일을 넣은건 그냥 예시로 어떤 속성을 넣어서 하단에 고정시키면 될지 보여드린거고 사용하시는 곳에서 따로 스타일 컴포넌트를 만들어서 감싸게 하시면 됩니다! @ding-co