폴더 구조 코드 리팩토링

앱라우터를 사용 하면서 폴더 구조를 수정 해야할걸 깨달아서

폴더 구조를 공식 문서와 강의 보면서 대 공사들어감

 

기존

app 

>components : 컴포넌트

>mcomonents : 라우터 되는 폴더, 페이지 

> recoil : 상태 관리

>lib : 데이터 관련

 

 

수정

app

> a 라우터 되는 폴더 개별로 

> b 라우터 되는 폴더 개별로 

> c 라우터 되는 폴더 개별로 한 후 공통적으로 들어가는 컴포넌트는 ()폴더 사용

> components : 컴포넌트

> recoil : 상태 관리

> lib : 데이터 관련, type.ts : 컴포넌트 안에 타입을 넣으면 코드 길이가 길어 져서 타입을 따로 뺌

 

page 자체를 클라이언트 컴포넌트로 해놓은 것을 서버 컴포넌트로 변경

컴포넌트에는 클라이언트와 서버 컴포넌트 로 작업