메인페이지 그리드 시스템 생성

[rhehfl]

🔗 관련 이슈

#22

📝작업 내용

그리드 시스템을 적용해서 전체적인 레이아웃을 잡아보았습니다
각 레이아웃에 해당하는 부분은 나중에 실제 퍼블리싱을 진행할때 코드를 지우면 좋을 것 같습니다
노션에도 정리해 놓았지만 한번 더 써놓겠습니다

1. 기본적으로 grid-layout을 사용했기 때문에 어느정도 반응이 가능합니다.
2. 디자인에서 그리드 시스템을 사용하기 때문에 간단하게 레이아웃 잡기가 편이합니다.

🔍 변경 사항

• 변경 사항 1 main 페이지에 대해서 간단한 레이아웃 진행
• 변경 사항 2
• 변경 사항 3

💬리뷰 요구사항 (선택사항)

[bluetree7878]

좋습니다! 일단 따로 레이아웃을 나누진 않고 페이지 폴더 안에 넣으신 것 같네용. 하나 궁금한 게 src/style/gridSystem.ts 이 파일은 적용이 안 된 상태인 건가요?

[rhehfl]

Main.tsx 파일에서 import해서 사용하고 있습니다

[bluetree7878]

아 그렇네요. 글로벌 스타일과 헷갈렸습니다. 머지하셔도 좋을 것 같습니다~