기존에, 뮤직플레이리스트를 참고해서 페이지를 만들려고 했는데
생각보다 router구조를 잡는게 너무 복잡해서 (내 수준으론 넘 어려웠다😫)
결국은 아예 틀 자체를 수정하기로 했다.
간단한 개인프로필과 그동안 만들었던 컴포넌트들을 소개하기 위함
컴포넌트에는 내가 만든 페이지에 사용된 컴포넌트들이
들어가면 될 것 같다.
내가 이미 사용했던 컴포넌트인게 중요 포인트!
다른 페이지에서 돌아올 수 있는 메인페이지.
Play Naegle
을 클릭하면 [Profile] page로 이동한다.Play Naegle
전체를 로고로 만들어서 컴포넌트로 만들기popover
컴포넌트를 이용하여 'Profile page로 이동' 등의 문구를 표시Text-input
컴포넌트를 사용하여 검색이 가능하게 만들기
google 계정버튼 눌렀을 때 뜨는 창을 참고하여 만들 예정
main page에서 각 컴포넌트를 통해 들어올 수 있으며,
상단의 nav bar를 통해 다른 컴포넌트로 이동 가능
<Switch>
<Route exact path="/" component={Main} />
<Route path="/profile" component={Profile} />
<Route path="/components/button" component={ButtonBoard} />
<Route path="/components/text-input" component={TextInputBoard} />
<Route path="/components/logo" component={LogoBoard} />
<Route path="/components/popover" component={PopoverBoard} />
<Route path="/components/nav-bar" component={NavBarBoard} />
<Route component={NotFound} />
</Swtich>
▶︎ 문제는 중첩라우터를 어디에 위치해야 하며, 그에 해당하는 메인페이지를 어디로 잡아야할지..