Study main page

[KMSstudio]

로그인한 사용자의 Study 메인 페이지 작성

작성자 Serius tomskang@naver.com
작성일 2025-05-27

로그인한 사용자의 스터디 메인 페이지를 제작하였음.

---

page.js 구조

주요 구조

<Container>
  <SideBar>
    <StudySidebar
      workingStudies={workingStudies}
      pendingStudies={pendingStudies}
    />
    <TagCloud tags={tagList} />
  </SideBar>
  <Main>
    <StudyGrid studies={[...workingStudies, ...pendingStudies]} />
  </Main>
</Container>

---

TagCloud

• project의 내용과 정확히 같은 것이 study에도 존재해야 함
• 일단 PR을 project PR과 독립적으로 만들기 위해 임시방편으로 @/components/study/TagCloud.tsx를 제작
• 이후 별도의 PR로 병합할 예정

---

components/study

• study 페이지의 경우 비로그인 사용자 페이지는 없음
• 따라서 /pages.tsx와 같은 위치에 두어도 됨

별도로 분리한 이유는 다음과 같음:

1. page.tsx와 독립되므로 보기 편안함
   → 한 폴더 안에 page.tsx, StudyCard, StudyGrid, StudySidebar 다 있으면 보기 불편하다는 사실을 도출했으며, 이에 따라 옮김

2. projects 폴더와 비슷한 dependency, 유사한 구조를 가짐
   → 함께 있는 것이 타당하다고 판단함

3. (추후 계획) 이렇게 개발하면 styles/ 폴더와 대응 관계를 만들기 더 편함