Component 개선 사항

Page Component 적용

하나의 컴포넌트 자체가 라우터에 바로 반영된 경우가 있습니다. 꼭 모든 페이지는 Page → Component → CustomHook → State 순으로 관리되도록 정리 부탁드립니다.

// Bad
<UserList />

// Good
<UserListPage />
	
const UserListPage () => {
	...
	return (
		<Container>
			<UserList />
		</Container>
	)
}

권한 인가 Component

권한 인가 Component를 만들기는 하였으나, 현재는 Signup 페이지에만 적용되어 있습니다. 적용된 PR이 있으나, User state를 연결하는 과정에서 너무 많은 코드가 변경되어 머지하지 않았습니다. 추후 코드 리팩토링시 권한 인가는 모두 Authentication Component를 사용하여 처리하는 것을 추천드립니다.

현재는 Page 또는 컴포넌트 자체에 utils/authentication 내부 함수를 통해 권한을 확인하고 있습니다. util 함수를 직접 사용하는 것 대신 컴포넌트로 변환하여 관리 부탁드립니다.

관련 PR: #28 [FEAT] User State 생성 및 적용

// Bad
<UserListPage />

// Good
<AdminProtectedRoute>
	<UserListPage />
</AdminProtectedRoute>