Layout 과 outlet을 활용해 확장성 개선하기

모바일 뷰에 대한 첫 초기세팅

처음 모바일 뷰를 위한 화면 사이즈 세팅을 app 파일에서 진행하였다. 하지만, 여러가지 태그가 활용히 되고, 선언 되어지는 app 파일에 useEffect를 활용한 화면 사이즈 지정이 최적화를 하지 않은 코드라고 생각하여 layout 을 따로 지정하자. 라는 결론이 나왔다.

Router 폴더구조 지정 Outlet 활용⇒ Layout생성

router 폴더구조를 구성 하며 outlet을 활용하여 라우팅을 하면 좀 더 코드의 가독성이 높아진다고 판단하였고, outlet을 활용하여 routing을 하되, 모바일 뷰 layout 을 outlet를 활용하여 지정해보자 라는 결론이 나왔다.

당시 pr 리뷰 내용 참고하기

[초기세팅] GlobalStyle 작성

결론

모바일 뷰를 laytout을 통해 생성 후 outlet을 활용하여 페이지 라우팅을 구성하도록 한다.