- 220526 작업내역
- Spring update
- 음식 컨트롤러 수정, token 사용하는 부분 수정(유저 정보수정, 영상 부위정보 수정)
- Vue update
- 식품처 공공 데이터 API로 음식 영양요소 불러오기 기능 구현완료
- 프로젝트 발표 준비
- Spring update
- 220525 작업내역
- Spring update
- 식단관리 컨트롤러 추가
- 유저별 칼로리 데이터
- 유저별 추가한 음식 DB 세팅
- 식단관리 컨트롤러 추가
- Vue update
- 식단관리 탭 추가
- 개인 몸무게, 신장 대비 칼로리 계산기능 및 필요 영양소 제공
- 음식을 추가하며 오늘 섭취한 영양성분 자동으로 계산
- api 연동 예정
- Welcome page 구현
- 간단한 트랜지션 영상으로 웰컴페이지 구현,
- 스크롤 이벤트를 감지하여 메인 서비스로 이동
- 식단관리 탭 추가
- Spring update
- 220524 작업내역
- Vue update
- kakao map api구현 중.
- 현재 맵 호출,
- 고정된 단어'대전 헬스' 검색 후 마크 표시
- 마크 클릭 시 이름 노출됨
- 임시 방편으로 맵 초기화 기능을 버튼에 사용
- v-show문제 인지, 아니면 초기 사이즈가 없어서 인지, 윈도우 변경에 따른 동적 처리가 오류가 있음.
- kakao map api구현 중.
- 추후 추가할 기능
- map 검색기능, 혹은 지정된 검색어로 마크업 표기하도록 수정
- history 페이지 만들기. (발표용)
- 220523 작업내역
- Spring update
- 전체 비디오를 호출하는 코드 일부 수정,
- 운동 일지 기능을 위한 백엔드 코드 작성
- Vue update
- 미분류 탭에 있는 youtube api로 가져온 영상들을 분류할 수 있도록 기능 추가 중
- css 일부 변경, card크기 동일하게 변경 중
- 회원별 운동일지 정보를 불러와 달력에 표시기능 추가
- 운동 기록 추가, 삭제 기능 작업중...
- kakao map api 호출하여 하단에 minimap처럼 호출
- client의 window 사이즈에 반응하여 미니맵의 크기를 반응형으로 조절
- 주변 헬스장을 검색하는 기능을 추가하려고 하였으나, 마커 생성시에 kakao 정의가 안되었다는 오류가 발생하여 주석처리
- Spring update
- 220522 작업내역
- Spring update
- videoController에서 새로운 영상 youtubeId와 title 받아서 DB에 저장하는 기능 추가
- Vue update
- 댓글 관련 기능 수정
- 대댓 오토포커스
- 삭제 시 alert
- side bar 수정 완료
- video list 코드 리펙터링
- 찜하기 기능 구현 완료, 멤버 팔로우 기능 구현완료
- 이미 팔로우 중이면 해제창이 뜨도록 구현
- 다른 사람의 페이지에서도 팔로우/해제 가능하도록 수정
- 나를 팔로우 하는 사람의 팔로우를 해제하는 기능 추가
- youtubeApi로 영상 가져오기
- API 키값으로 영상 10개를 가져오는 기능 추가(현재 검색은 하지 않고, '헬스'라는 고정값으로 영상을 가져옴
-
const baseURL = "https://www.googleapis.com/youtube/v3/search?" + "&key=" + process.env.VUE_APP_YOUTUBE_KEY + "&part=snippet" + "&maxResults=10" + "®ionCode=KR&q=" - 가져온 영상은 조회수나 찜버튼은 없으나, 디테일로 이동 시 DB에 insert되고 이동하도록 구성함
- 운동부위는 미분류에서 확인가능
- 댓글 관련 기능 수정
- 추후 추가할 기능
- admin 아이디로 미분류 탭 이동 시, 영상별 운동부위 선택하여 수정가능하도록 구현
- Spring update
- 220521 작업내역
- Spring update
- 찜하기 post/delete에서 list를 반환하도록 수정
- Vue update
- 영상 detail에서 찜하기 기능 추가. 이미 찜된 영상이면 눌렀을때 취소되도록 기능
- sidebar는 로그인 시에만 노출이 됨.
- sidebar 기능 처럼 만들어서 목록까지 노출이 되나, block 설정이 먹어서 메인 섹션이 클릭이 되지 않음..
- Spring update
- 220520 작업내역
- Spring update
- Vue update
- 댓글 수정 기능 구현
- 대댓글 기능 추가 (수정 및 삭제 추가)
- MyPage 기능 컴포넌트 분리,
- headerNav 상단고정,
- 모든 범위에서 스크롤바 보이지 않도록 수정
- 내정보 > 정보수정 구현중
- 팔로우 리스트에서 다른사람 상세보기 이동
- 간단한 CSS 적용, 벡터 로고, 배너 등..
- 220519 작업내역
- Spring update
- reply api 반환타입 및 응답코드 변경(댓글 실시간 변경을 위해)
- reply xml 최근 댓글이 위로 올라오도록 변경
- Vue update
- 비디오 리스트 페이지 구현(전체, 부위별)
- 비디오 디테일 페이지 구현(영상과 댓글 확인가능)
- 비디오 댓글 기능 구현
- 본인의 댓글만 삭제 가능
- 수정기능(구현 예정)
- 로그인을 안하면 댓글 작성 불가
- api 디렉토리 구조 변경
- api > index.js에서 axios를 생성해서 member.js 및 video.js로 상속하여 기능 모듈화
- join 회원가입 기능 구현
- userId입력폼을 벗어날때 중복검사(비동기 요청) 실시, 입력값이 없으면 아이디 입력폼으로 포커스 이동
- userId 중복여부, pass재확인 여부, username중복여부 모두 true값이어야 api에 insert요청 실시
- 기능 구현하려는 부분 : 동적인 입력폼으로 엔터나 탭키에 반응해서 다음 자동이동 되는 기능(disabled로 막는 기능도 넣어놔서 수월하지 않음)
- MyPage 기능 구현 중
- 멤버(followList, leadList), 영상(zzimList)를 반환하여 my page에서 볼 수 있도록 구현중. data 요청 확인, table배치중
- 팔로우한 사람 버튼 누르면 해당 인원의 상세보기로 넘어가는 것 구현예정
- Spring update
-
220518 작업내역
- Spring update
- member정보 수정,삭제 시 토큰에 저장된 id와 직접 비교하여 동일하면 삭제하도록하여 비정상 접근 방지
- video -> zzim 기능 추가
- video에서 member와 복합되는 zzim기능 추가, member의 userId를 받아서 접근한다.
- review -> reply로 변경
- 기존 review 기능(create, delete, list)에 update기능 추가
- Vue update
- 테스트를 위한 HeaderNav구성(메인-video, 로그인, 회원가입x) / (로그아웃, 마이페이지x)
- login기능 구현 완료
- DB에 저장된 test ID를 기반으로 로그인 기능 구현, 쿠키 저장을 통한 아이디 저장 버튼 구현, 쿠키에 savedId키워드로 value값이 있으면 기입되어있게 구현
- 로그인 시 Spring에서 생성된 auth-token과 logonMember 정보를 받아와서 sessionStorage와 router.state에 저장하도록 구현,
- 사용자에게는 로그인된 본인의 member 정보를 줘도 되지 않을까 하는 부분을 생각해봐야 할 것 같음.
- Database update
- SQL Init v2
- review -> reply 리플형식으로 제목없이 내용으로 출력
- reply_seq 외에 댓글의 대댓글 추후에 추가 할 것을 고려 re_seq 칼럼 추가
- 영상에 달린 댓글은 디폴트로 0을 넣어서 관리
- SQL Init v2
- Spring update
-
220517 작업내역
기존 back-end 프로젝트 이식, 명칭 및 기능 변경
- WebConfig, DBConfig, application.properties 세팅 github 브랜치 룰(토의)
- master > (release) > develop > feature/'기능' or '작업자명'
- master : 오류 없이 정상작동 되는 상태의 프로젝트 원본, develop과 동일하지만, 안정된 코드만 포함
- (release) : 프로젝트를 배포하기 위한 브랜치
- develop : 브랜치를 분기하는 브랜치 지점, 기능 개발 후 병합하는 지점
- feature/이름 : 실질적으로 기능을 개발하는 브랜치, 완료 혹은 저장 시 develop으로 병합
- 브랜치 설명 참조 BLOG
- 일일 작업은 develop(master)에서 feature브랜치를 생성해서 작업을 실시하고,
- 병합 시 원격 브랜치(origin/feature/---)에 푸시하고, develop으로 병합요청을 한다.
- 병합 가능 여부를 확인하고, 본인이 승인한다.
- 기능이 완전히 구현되어 master 브랜치 반영이 가능하면 전체 병합을 한다.
- 배포는 하지 않으므로 release는 사용하지 않는다.
- 병합 시 오류가 발생하면 중복 수정된 내용을 조정하고,
- 만약, develop 브랜치 상태에서 프로젝트가 실행이 되지 않으면, 실행이 가능한 master브랜치로 초기화한다. SpringBoot 작업내역
- Member 관련 기능 구현, sql 수정, mapper 세팅완료
- ApiMemberController 기능 구현
- JWT를 이용한 login 기능 구현( 미완 : UserNotFoundEx, PWIncorrectEx 기능이 미작동 다르게 캐치됨.)
- GetMember 개인상세 정보 불러오기, 내가 follow한 목록, 나를 follow한 목록 불러오기 완료(토큰 필요)
- Join 기능 구현, userId, password, username을 받고, 성공 시 CREATED, sql에 id중복시 CONFLICT상태값 반환
- update 기능 구현, password와 username만 수정 가능(토큰 필요)
- delete 기능 구현, userId 기준으로 삭제(토큰 필요, 토큰과 호출된 userId 맞는 지 비교 기능 추가예정)
- follow/unfollow 기능 구현 로그인 아이디는 헤더 토큰으로 식별, 타겟 ID는 url로 요청
- ApiMemberController 기능 구현
- Video 관련 기능 구현,
- list 기능 구현 , DB에 있는 모든 영상 정보 불러오기, key값을 받아 일치하는 제목 검색해서 불러오기, partCode를 받아 같은 카테고리의 운동영상 불러오기
- detail 기능 구현, youtubeId를 받아 해당 영상 불러오기, 불러오면서 조회수 증가
- Review 관련 기능, sql 수정
- review_seq auto-increment 설정
- list 기능 구현, youtubeId를 받아 해당 영상에 달려있는 리뷰 가져오기,
- create 기능 구현 review객체를 받아 review 생성
- delete 기능 구현 , review_seq를 받아 해당 리뷰 삭제(토큰 필요, writer와 토큰이 맞는지 비교 기능 추가 예정?)
-
220516 작업내역
- 프로젝트 생성
vue 프로젝트 생성 ( vue create ssafit-vue )
- dependencies
- router ( vue add router )
- vuex ( vue add vuex )
- axios ( npm install axios )
- bootstrap-vue (npm install vue bootstrap-vue bootstrap )
- main.js 추가
- import BootstrapVue from 'bootstrap-vue'
- import 'bootstrap/dist/css/bootstrap.min.css'
- import 'bootstrap-vue/dist/bootstrap-vue.css'
- Vue.use(BootstrapVue) springboot 프로젝트 생성 ( Spring starter project )
- main.js 추가
- dependencies
- MyBatis Framwork,
- MySQL Driver,
- Spring Boot DevTools,
- Spring Web
MySQL database 구성
- Table
- SF_VIDEO - PART_NO
- SF_MEMBER
- SF_REVIEW
- ZZIM
- FOLLOW_MEMBER
- dependencies
- 프로젝트 생성
vue 프로젝트 생성 ( vue create ssafit-vue )
