readme.md

# 09기 FS 스프린트 1팀

### 📜[팀 협업 문서 ](<https://www.notion.so/codeit/2806fd228e8d806db860e41c1e0f6426?v=2806fd228e8d812286a8000ca3543a39> "노션 주소")

> 1.  프로젝트 소개
> 2.  팀원 구성

<hr />

## 1. 팀원 구성

👑이유리 [깃허브 주소](<https://github.com/username/> "개인 Github 링크")

😎박지은 [깃허브 주소](<https://github.com/username/> "개인 Github 링크")

😎박성훈 [깃허브 주소](<https://github.com/username/> "개인 Github 링크")

😎김진영 [깃허브 주소](<https://github.com/username/> "개인 Github 링크")

😎김유신 [깃허브 주소](<https://github.com/powerima/> "개인 Github 링크")

## 1. 프로젝트 소개

> 학습과 배움을 위한 공간 공부의 숲

> 프로젝트 기간: 2025.10.02 ~ 2025. 10.28

### 기술 스택

- Frontend: React.js, JavaScript,, cssmodule
- Backend: Express.js, PrismaORM
- Database: PostgreSQL
- 공통 Tool: Git & Github, Discord
- 프로그램 에디터: visual studio code

### 2. 팀원별 구현 기능 상세

##### 이름의 역순으로 소개

> #### 이유리 (팀장)

(자신이 개발한 기능에 대한 사진이나 gif 파일 첨부)

- 소셜 로그인 기능
- 구글 소셜 로그인 API 사용으로 소셜 로그인 기능 구현
- 사이트 이용을 위한 추가 정보 입력 기능 구현
- 소셜 로그인 후 회원 추가 정보 입력 기능
- user 타입(관리자, 학생)에 대한 조건부 추가 입력 모달창 기능 및 페이지 이동 기능 구현

> #### 박지은
>
> (자신이 개발한 기능에 대한 사진이나 gif 파일 첨부)

1. Nav
   회원별 버튼 조건부 렌더링(학생: 커리어, 스킬, 수강후기, 커뮤니티, 관리자: 회원 관리 관리자 페이지)
2. 반응형 레이아웃 구현
3. 메인페이지
4. fetch(POST, GET)을 사용하여 무료 수강 종료 시간 기능 구현
5. 공용 Modal 컴포넌트
6. 공용으로 사용할 Modal 컴포넌트 구현

> #### 박성훈
>
> (자신이 개발한 기능에 대한 사진이나 gif 파일 첨부)

- 마이 페이지
- fetch(GET)를 사용하여 수강생 개인별 시간 정보 표시
- 반응형 레이아웃 구현
- 공용 Button 컴포넌트
- 공용으로 사용할 Button 컴포넌트 구현

> #### 김진영
>
> (자신이 개발한 기능에 대한 사진이나 gif 파일 첨부)

- 관리자 페이지
  path parameter를 사용하여 학생 페이지와 동적 라우팅 기능 구현
- 학생별 정보 목록 carousel 슬라이더 구현
- fetch(PATCH, DELETE)를 사용하여 개인정보 수정 및 탈퇴 기능 구현
- fetch(POST, PATCH, DELETE)를 사용하여 학생 정보 CRUD 기능 구현
- 공용 Button 컴포넌트
  공용으로 사용할 Button 컴포넌트 구현

> #### 김유신
>
> (자신이 개발한 기능에 대한 사진이나 gif 파일 첨부)

- 관리자 페이지
  fetch(GET)를 사용하여 학생별 시간 정보 표시 및 수강생 접속
- 현황 정보 표시
- 반응형 레이아웃 구현
- 마이 페이지
  fetch(PATCH, DELETE)를 사용하여 수강생의 개인정보 수정 및 탈퇴 기능 구현
- 공용 Modal 컴포넌트
  공용으로 사용할 Modal 컴포넌트 구현

x

x

x

x

9기 초급 프로젝트