seminar

세미나

✨기능

• 세미나 소개
  • 세미나 소개 글
• 파트 선택
  • 전체
  • 웹/앱
  • 서버/클라우드
  • AI/ML
  • 코어/DevRel
• 세미나 리스트
  • 진행 예정 세미나
  • 진행 종료 세미나
• 세미나 상세
  • 세미나 상세
  • 세미나 리뷰

기능 상세

1️⃣ 세미나 소개글

• Seminar, GDSC는 ~~한 세미나를 진행합니다 같은 소개글

2️⃣ 파트 선택

• 전체, 웹/앱, 서버/클라우드, AI/ML, 코어/DevRel 버튼을 클릭하면 선택한 분류의 세미나를 표시한다.

3️⃣ 세미나 리스트

• 진행 예정 세미나
• 진행 완료 세미나
• GDSC 유튜브에 올라온 템플릿대로 2열 Grid로 배치한다.
• 우선 페이지 나눔은 생각하지 않고 정렬한다.

• 세미나 템플릿 포함 내용
  • 세미나 분류
  • 제목
  • 작성자
  • 파트
  • 날짜
  • 프로필 사진

3️⃣ 세미나 상세

• 세미나 커버
  • 세미나 ppt 첫 페이지 사진

• 세미나 주제 한 줄 요약
  • 세미나 주제 한 줄 요약 작성하기, 배경색이 있으면 좋을 것 같음. (AI 프로덕트 디자이너 세미나 레퍼런스 참고)

• 내용 선택
  • 세미나 소개
    • 오픈 세미나의 경우 : 일시, 신청기간, 비용(아마 항상 무료), 장소, 분류(오픈, 캠핑)
    • 일반 세미나의 경우 : 일시, 장소, 분류(오픈, 캠핑)

• 진행자 소개
  • 좌측에 크게 진행자 프로필 사진과 우측에 기수, 파트(역할) 띄고 이름 표시
  • 우측 하단에 크게 GDSC 로고가 있으면 예쁠 것 같다!

• 세미나 목차
  • 진행 예정 세미나의 경우 : 표시하지 않는다.
  • 진행 완료 세미나의 경우 : 표지부터 시작해서 페이지 끝까지 ppt 사진을 첨부한다.

• 세미나 리뷰
  • 말풍선 안에 세미나 리뷰 텍스트를 표시한다.
  • 없는 경우에는 아무것도 표시하지 않는다.

• 기타

  • 신청 버튼

    • 오픈 세미나의 경우 : 하단에 신청버튼이 고정되어있다.
    • 일반 세미나의 경우 : 버튼이 없다.
    • 약 500px 정도 내릴 경우 아래에서 올라오는 애니메이션

  • 댓글 버튼

    • 약 500px 정도 내릴 경우 아래에서 올라오는 애니메이션
    • 클릭하면 세미나 리뷰가 최상단에 오도록 화면을 이동시킨다.
    • 세미나 리뷰 섹션 내부 혹은 아래에 있는 경우, 최상단으로 이동하는 버튼으로 변경한다.

💻 전체 와이어프레임

💫 사용 기술

1. 세미나 상세의 세미나 리뷰 : 노션 데이터베이스 불러오기 API
   https://wooncloud.tistory.com/131#google_vignette

2. 세미나 상세의 세미나 목차 : pdf 이미지 불러오기, 불가능하다면 더미 데이터로 넣기..
   https://kyounghwan01.github.io/blog/React/next/pdf-viewer/