1. Vue component 구성
화상채팅 방 화면을 제외하고 설계 완료
Vue3와 Vuetify를 사용하려 했다.
하지만! Vuetify는 Vue3를 지원하지 않았기 때문에
Element UI와 Bootstrap을 사용하기로 결정했다.
vue create frontend
vue add router
vue add vuex
vue add axios
vue install
npm run serve 등의 과정을 통해 프론트 엔드 파일을 생성했다. 우선은 큼직한 주제를 view로 설정하고 그에 맞는 component들을 생성했다.
화상채팅방이 가장 중요한 요소 중 하나이지만 구현이 얼만큼 가능할 지 예상할 수 없기 때문에 우선은 WebRTC 구현 연습 후에 component를 생성하기로 했다.
store 사용
기능별로 나눌 지 나누지 않을 지 회의를 진행했다.
기능별로 나누는 편이 사용하기에 편리할 것이라 판단하여
기능별로 store를 두기로 했다.
vue router 연결 완료
설계한 component를 바탕으로 vue router path를 생성했다.
2. WebRTC 독학
명세서를 읽고 프론트에 어떤 기술들이 쓰일 지 읽어보는 중이다.
3. Vue2 복습 + Vue3 학습
10월, 11월에 배웠던 Vue2 ppt 파일들을 보며 다시 복기 중이다.
4. ERD 설계 완료
backend 팀에서 erd 설계를 완료했다. 빠르군,,ㅎ
느낀점
호호,,, vue가 기억이 흐릿하구먼,,,
근디 vue3가 2랑 꽤나 다르구먼 후후후,,,,,
Vue component를 설계하면서 든 생각: 이게 맞나,,,????
아무래도 놓친 부분이 꽤나 있을 것이다.
Vue를 마스터하자 🥗🥙🥪🌮
갹