PLASS 프로젝트 관리 페이지 클라이언트

---

소개

프로젝트 관리 페이지 클라이언트라는 프로젝트는 동국대학교 PLASS 연구실 연구원들이 개발하는 프로젝트입니다.

---

목차

1. 개발 환경
2. 실행 방법
3. 기능 명세서
4. 개발 멤버

---

개발 환경

• Node.js
• React.js

실행 방법

# Clone this repository
git clone `` 

# Go into the repository
cd project-client 

# Install dependencies
npm start

# .env create env file
REACT_APP_SERVER_API=http://
REACT_APP_CODE_SERVER=http://

# Run the app
$ npm start

💡 정상적으로 작동 확인: open https://localhost:5110 앞선 명령어를 통해 웹브라우저로 접속함
💡 Docker 빌드: docker build . -t project-client:1.1

---

기능 명세서

페이지 맵

로그인 / 페이지를 유입

사용자가 Shastra를 통해서 로그인해서 웹 IDE 클릭하면 해당 유저의 토큰을 전달하고 문제은행페이지에서 토큰을 받아서 유저정보를 다시 호출한다. 만약에 전달하는 토큰값이 일치하지 않으면 해당 페이지에 접근이 불가하다.

사용자 컨테이너 생성

처음에는 사용자가 프로젝트 관리 페이지를 접근 시 해당 유저의 컨테이너 상태를 확인하고 만약에 생성된 컨테이너가 없으면 "새 컨테이너 생성"이라는 버튼을 클릭하면 해당 유저의 컨테이너를 생성해준다.

프로젝트 목록

사용자가 "프로젝트 생성"이라는 버튼을 클릭 시 프로젝트 생성 페이지를 유저가 프로젝트에 대한 기존 정보를 입력하게 된다. 프로젝트 정보를 입력한 다음에 프로젝트를 생성한다.

프로젝트 정보를 입력 페이지




프로젝트 목록 페이지

웹 에디터 페이지

유저가 접근 원하는 프로젝트를 클릭 시 해당 프로젝트 소스코드 출력하는 웹 에디터 페이지를 이동한다.

개발 멤버

• 동국대학교 PLASS 연구실 연구원

END