Skip to content
This organization was marked as archived by an administrator on Aug 22, 2024. It is no longer maintained.
@study-for-code

study-for-code

📚 Study For Code

노션 페이지 : Spoco Notion

프로젝트 문서 : Jira Confluence

프로젝트 기간 : 24.05.28 - 24.06.25

프로젝트 요약
Study For Code는 알고리즘 스터디를 진행하면서 어려웠던 문제의 풀이 여부, 문제 관리와 코드 리뷰 등 필요한 고충들을 보완하기 위하여 제작하게 된 WebIDE 서비스입니다.

👫 Team 프로필

BE_이호성
@githublees
BE_홍진석
@Hong-JinSuk
BE_김태우
@anothercod
BE_김현회
@hyeonhoi11
FE_남소희
@NS0H
FE_서근재
@J_Keun

토글을 눌러 역할을 확인해보세요!

서근재 [FE]
  • 실시간 코드 리뷰(채팅 기능) 구현
  • 홈페이지 틀 구현
  • 회원 가입 및 로그인 기능 구현
  • 관리자 페이지 기능 구현
  • FrontEnd 프로젝트 배포
남소희 [FE]
  • 코드 편집기 IDE 기능 구현
  • 스터디 페이지 구현
  • 카테고리 페이지 구현
  • 알고리즘 설명 페이지 구현
  • 알고리즘 검색 API 연결
  • 이미지 등록 및 서버와 연동
이호성 [BE]
  • 프로젝트 기획 및 디자인 제공
  • 시스템 아키텍처, ERD 설계 담당
  • 채팅 서버 담당 (Chat)
  • WebMvc, Spring Security 적용 (Spoco)
  • 코드 리뷰 관련 REST API 구현 (Spoco)
  • 이미지 등록 및 조회 기능 구현 (Spoco)
  • 전체 코드 리팩토링 및 버그 수정 (Spoco)
  • common, global 백엔드 컨벤션 작성 담당 (Spoco)
  • GitHub, Jira 관리 담당
홍진석 [BE]
  • Architecture 구현
  • 채팅 서버 연결 (Chat – Backend)
  • 카테고리 관리 기능 (Spoco – Backend)
  • IDE 관련 기능 (Spoco – Backend)
  • 알고리즘 관리 기능 (Spoco – Backend)
  • 관리자 기능 (Spoco – Backend)
  • 프로젝트 배포 (Backend)
김현회 [BE]
  • API 명세서 작성
  • 스터디 관리 기능 (Spoco – Backend)
  • 관리자 기능 (Spoco – Backend)
김태우 [BE]
  • Jira Confluence 작성
  • 회의록 작성
  • 사용자 관리 기능 (Spoco – Backend)
  • GitHub ReadMe 작성

🛠기술 스택

Frontend

Backend




📊 시스템 구상도

### 🗒️ 디렉토리 계층
`Backend`
**[ SpocoProject ]**
├── Dockerfile
├── build.gradle
├── docker-compose.yml
├── settings.gradle
└── src
    ├── main
    │   ├── java
    │   │   └── goorm
    │   │       ├── message
    │   │       │   ├── controller
    │   │       │   │   ├── request
    │   │       │   │   └── response
    │   │       │   ├── domain
    │   │       │   ├── repository
    │   │       │   └── service
    │   │       └── spoco
    │   │           ├── domain
    │   │           │   ├── algorithm
    │   │           │   ├── auth
    │   │           │   ├── category
    │   │           │   ├── code
    │   │           │   ├── image
    │   │           │   ├── join
    │   │           │   ├── member
    │   │           │   ├── review
    │   │           │   ├── study
    │   │           │   ├── subscribe
    │   │           │   ├── testcase
    │   │           │   │   ├── controller
    │   │           │   │   │   ├── request
    │   │           │   │   │   └── response
    │   │           │   │   ├── domain
    │   │           │   │   ├── dto
    │   │           │   │   ├── repository
    │   │           │   │   └── service
    │   │           ├── global
    │   │           │   ├── common
    │   │           │   │   ├── auth
    │   │           │   │   └── response
    │   │           │   ├── config
    │   │           │   ├── error
    │   │           │   │   └── exception
    │   │           │   └── util
    │   │           ├── infra
    │   │               └── compiler
    │   │                   ├── compiler
    │   │                   ├── dto
    │   │                   └── service
    └── resources
        ├── application.properties
        └── templates

**[ Chat ]**
├── Dockerfile
├── build.gradle
├── docker-compose.yml
├── settings.gradle
└── src
    ├── main
       ├── java
        │   └── goorm
        │       └── chat
        │           ├── config
        │           ├── controller
        │           ├── domain
        │           ├── dto
        │           ├── repository
        │           └── service
        └── resources
            ├── application.properties
            └── templates
                └── index.html 

Frontend

├── .github
├── public
└── src
    ├── assets
    ├── atom
    ├── components
    ├── constants
    ├── font
    ├── hooks
    ├── mocks
    ├── pages
    ├── styles
    └── types

🗂️ 스포코 ERD

스포코 ERD


🏗️ 시스템 아키텍처

스포코 Architecture

💡 시연 영상

SHANA.1__.mp4



🛠️ 개발 환경

  • Programming Language: Java 17
  • Build Tool: Gradle
  • Spring Framework: Spring Framework : 6.1.8
    • Spring Boot : Spring Boot 3.3.0
  • Library and Dependency Management: Spring Dependency Management Plugin 1.1.5

🌟 프로젝트 버전 관리

데이터베이스 / Database 💾

  • H2 : 2.2.224
  • MySQL : 5.7.44 for
  • MongoDB : 5.0.1

보안 / Security 🔒

  • Spring Security : 6.3.0
  • JWT : 0.11.5
  • Bouncy Castle Provider : 1.69

유효성 검사 / Validation ✅

  • Spring-boot-starter-data-jpa : 3.3.0
  • Spring-boot-starter-data-mongodb : 4.3.0
  • Hibernate
    • hibernate-core : 6.5.2.Final
    • hibernate-validator: 8.0.1.Final
    • hibernate-commons-annotations: 6.0.6.Final

라이브러리 / Libraries 📚

  • React : 18.2.0
  • Recoil : 0.7.7
  • Styled Components : 6.1.11
  • Axios : 1.7.2
  • React Router DOM : 6.23.1
  • Socket.io Client : 4.7.5
  • StompJS : 2.3.3
  • Highlight.js : 11.9.0
  • TypeScript : 5.2.2
  • Tomcat: 10.1.24

개발 도구 / Tools 🛠️

  • Vite : 5.2.0
  • ESLint : 8.57.0
  • Prettier : 3.3.0
  • MSW (Mock Service Worker) : 2.3.1



Popular repositories Loading

  1. Frontend Frontend Public archive

    TypeScript

  2. Backend Backend Public archive

    Java 2

  3. .github .github Public archive

Repositories

Showing 3 of 3 repositories
  • .github Public archive
    study-for-code/.github’s past year of commit activity
    0 0 0 0 Updated Aug 22, 2024
  • Backend Public archive
    study-for-code/Backend’s past year of commit activity
    Java 0 2 0 0 Updated Jun 28, 2024
  • Frontend Public archive
    study-for-code/Frontend’s past year of commit activity
    TypeScript 0 0 0 0 Updated Jun 25, 2024

Top languages

Loading…

Most used topics

Loading…