ZinnaChoi / Study-Management

온라인 스터디 관리 시스템: 부재 일정 캘린더, 토론 게시판 및 알림 기능 제공
8 stars 0 forks source link

Task UI layout #63

Closed MeMyself-And-I closed 9 months ago

MeMyself-And-I commented 9 months ago

안녕하세요 주요 개발 내역 하기 참고 부탁드립니다!

image
  1. 최초 react init 시에 생성된 불 필요 파일 삭제
  2. 레이아웃 작업(header, contents, footer) 분리 작업
  3. 각 메뉴별 라우팅 작업
  4. jwt 토큰 로컬 스토리지에 저장(로그인 화면 구현 후에는 로그인 시에 저장할 수 있도록 저장 시점 변경 예정)
  5. api 요청용 axios 클라이언트 객체 생성(요청 예제는 header.js 파일을 참고 해주세요!)

frontend 실행은 readme에 작성되어 있는 것처럼 실행하면 됩니다! (추가된 라이브러리들이 있으니 npm install은 생략하면 안됩니다!)

cd src/main/frontend
npm install
npm start

추가 라이브러리

  1. material-ui -> vue에서 사용했던 vuetify(css 라이브러리)와 비슷한 react 전용 css 라이브러리
  2. react router -> 메뉴 간 이동을 위한 라이브러리
MeMyself-And-I commented 9 months ago

https://github.com/ZinnaChoi/Study-Management/issues/61

이슈 사항도 반영 완료했습니다!