Skip to content

Conversation

@KMSstudio
Copy link
Contributor

로그인한 사용자의 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/ 폴더와 대응 관계를 만들기 더 편함

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants