Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feat] 인증된 사용자 라우팅 및 내비게이션 컴포넌트 구현 #59

Merged
merged 9 commits into from
Nov 12, 2024

Conversation

iam454
Copy link
Collaborator

@iam454 iam454 commented Nov 11, 2024

관련 이슈 번호

#38

작업 내용

  • 내비게이션 컴포넌트(Topbar) 구현
  • 로그인 상황을 임시로 부여하여 라우터 가드(?) 구현

고민

컴포넌트 파일명 컨벤션

shadcn으로 가져온 파일명이 소문자였기 때문에 저도 일단 소문자로 갔는데, 어떻게 하는게 좋을까요?

스크린샷

Screen.Recording.2024-11-11.at.11.42.48.PM.mov

@iam454 iam454 added Feature 새로운 기능을 추가 FE 클라이언트 작업 labels Nov 11, 2024
@iam454 iam454 self-assigned this Nov 11, 2024
Copy link
Collaborator

@PMtHk PMtHk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

확실히 Tanstack Router 많이 다르네요.
공부좀 더 하다 자야겠어요... 😢

rightContent: React.ReactNode;
}

export function Topbar({ leftContent, rightContent }: TopbarProps) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡
레이아웃과 같은 용도로 사용하신거라면 children 을 사용해서 정의하는 건 어떨까요?
(제가 아직 코드상에서 사용 예시를 확인하지 못해 그런 것일 수도 있습니다.)

function RouteComponent() {
return (
<div>
<h2>계정 설정 페이지</h2>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.


이곳에다가 바로 컴포넌트를 작성하는 것을 의미하신걸까요?
(pages 디렉토리를 대신해서)

return (
<div>
<Topbar
leftContent={
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡
Tanstack Router 와 문제만 없다면
Children 으로 하위 요소를 받는 것도 좋아보입니다.

Copy link
Collaborator

@jjeonghak jjeonghak left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🔴
빌드 오류가 난것 같아요
무슨 문제일까요?

@PMtHk
Copy link
Collaborator

PMtHk commented Nov 12, 2024

@jjeonghak
페어 프로그래밍하면서 수정중입니다.
완료되면 리뷰 요청드릴게요~

@iam454 iam454 merged commit 70691fc into dev Nov 12, 2024
2 checks passed
@iam454 iam454 deleted the feat/#38 branch November 12, 2024 03:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 클라이언트 작업 Feature 새로운 기능을 추가
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants