Frontend 문서

Report Bug

[v1.0.1]

목차

• 페이지 실행
• 디렉토리 구조
• 라우팅 구조

기술 스택

페이지 실행

page 디렉토리에서 다음의 명령어로 실행

yarn start (또는 npm start)

디렉토리 구조

다시 작성

디렉토리 정보

다시 작성

파일 정보

다시 작성

라우팅 구조

url	설명	컴포넌트
/	로그인페이지	Login
/main	메인페이지	Main
/error	에러페이지	Error
/as/:asId	과제 페이지	Assignment.js 내부적으로 교수 / 학생 조건부 렌더링
/setting	과제 관리 페이지	Setting.js 교수님만 접근 가능
/setting/:asId	과제 수정 페이지	SetAssignment.js 교수님만 접근 가능
/member	수강생 목록 관리 페이지	SetMember.js 교수님만 접근 가능

Model 흐름

1. 로그인하면 쿠키로 user setting
2. user가 세팅되면(변경되면)
   • user에 해당하는 assignment setting (question까지 있음)
   • user에 해당하는 group setting ( 교수만! )
3. assignment가 select 되면
   • selected된 assignment에 해당하는 answer setting