v3 메뉴얼

VS CODE 실행
터미널 실행
git clone https://github.com/AIMCookie/aimcookie.git
git checkout aimcookie-v2
터미널에 cd frontend 입력. 그리고 이어서 npm ci 입력.
여기서 serve 에 마우스를 올리면 실행 아이콘이 생김. 이것을 클릭하면 실행됨. 이제 작업 수행.
요번에 추가된 폴더가 backend 폴더랑 frontend 폴더가 있는데 frontend 폴더만 신경쓰면됨. 1학기 때와 마찬가지로 src 폴더 밑에 components 폴더 밑에 자기가 작업할 .vue 파일을 클릭해서 작업하기.
요번에 UI 개발할 때 참고할 자료는 밑에 링크 참고.

화면설계서 링크

Vuetify 링크

svg 디자인 영상1

svg 디자인 영상2

기존 사이트
작업 완료하시면 저한태 수정한 파일들 카톡으로 주세요. 제가 합칠게요.

(삭제)v2 메뉴얼 - 이걸로 안할게요. v3 메뉴얼 참고.

VS CODE 실행
터미널 실행
git clone https://github.com/AIMCookie/aimcookie.git
git checkout mainPage 또는 git checkout adminpage 또는 git checkout dashboardPage 수행하기. 이거는 자기 역할 담당하는 branch 이름을 적는것.
Sync 파일 링크 이거 다운받고 압출 풀기
압출 풀고 파일들 붙여넣기
VS CODE 에서 package.json 파일을 마우스 왼쪽 클릭하면 화면 하단에 "NPM 스크립트" 라는 항목이 생김.

여기서 Sync 에 마우스 올리면 실행 아이콘 생김. 이것을 클릭.
터미널에 cd frontend 입력. 그리고 이어서 npm ci 입력.
다시, 여기서 serve 에 마우스를 올리면 실행 아이콘이 생김. 이것을 클릭하면 실행됨. 이제 작업 수행.
요번에 추가된 폴더가 backend 폴더랑 frontend 폴더가 있는데 frontend 폴더만 신경쓰면됨. 1학기 때와 마찬가지로 src 폴더 밑에 components 폴더 밑에 자기가 작업할 .vue 파일을 클릭해서 작업하기.
요번에 UI 개발할 때 참고할 자료는 밑에 링크 참고.

화면설계서 링크

Vuetify 링크

svg 디자인 영상1

svg 디자인 영상2

기존 사이트
[역할 분담 - 메인페이지]

afterainljw

hyejooLyum
[역할 분담 - 관리자 페이지]

jshleee