-
21.06.22
- 최숙 : react 개발 환경 재구축, react와 bootstrap 연동, navbar 구현
- 채영: 설문조사 페이지 생성, 설문조사 선택 틀 구현
- 나윤: 음식점 추천 페이지 이미지 파일 틀 구현, 구글 지도 api 연동
-
21.06.23
- 최숙 : 구글 웹 폰트 API와 페이지 CDN방식으로 연동, 회원가입 버튼 커스터마이징을 통해 기존 버튼 폰트들과 색 맞춤
- 나윤 : 음식점 버튼 생성
- 채영 : 이전 다음 버튼 생성, 2번째 질문 추가 (이미지 버튼으로 시도하려고 했으나 안돼서 시도중)
-
21.06.24
- 최숙 : chart.js 라이브러리 리액트에 직접 연동 및 radar chart(방사형 차트) 구현
- 나윤 : jquery로 버튼 클릭시 음식점 사진 변경, 마커 이벤트 추가
- 채영 : radio 버튼 이미지 추가. area-checked로 선택 확인
-
21.06.25
- 최숙 : 감정결과 해석 섹션 생성 및 배치, bootstrap 이용하여 효능 설명 카드 구현
- 나윤 : 지도 마커 말풍선 구현
-
21.06.26
- 최숙 : 카드 뒤집기 효과 적용
-
21.06.28
- 최숙: 추천 음식 섹션 및 음식점 추천 페이지로 이동하는 버튼 추가, 부트스트랩 이용하여 음식점 추천 페이지 반응형 웹으로 구현 완료
- 채영: data.js추가, 질문내용과 선택지를 선택했을 때 해당 음식 맛에 연결되는 JS 작성. 결과 창은 추후 수정.
- 나윤: 네비게이션 바 추가, 지도와 음식점 설명 배치(위치 수정 필요), 버튼 클릭시 지도 데이터 변경 추후 추가.
-
21.07.03
- 나윤: 부트스트랩 연동, 음식점 리뷰 카드 추가, 지도 및 음식점 설명 위치 수정, 구글 드라이브 이미지 파일 링크로 추가.
-
21.07.05
- 최숙: 카드 뒤집기 효과 전면/후면 나누어 보이게 수정, 컴포넌트 간 넓이 조정
- 채영: 메인페이지 생성, carousel 화면 추가
-
21.08.09
- 나윤 : allresults, restaurant 페이지 라우팅
-
21.08.15
- 나윤 : 구글 api 지도 추가(오류: 위도/경도 오류, 컴포넌트끼리 겹쳐보임)
-
21.08.23
- 최숙 : 버튼 누르면 input 창 뜨는 기능 추가
-
- 09.07
- 최숙 : 검색창 추가, 웹 폰트 변경(나눔고딕으로 변경), 리뷰 작성 버튼 변경
- App.js
- 구현 목록
- Navbar : 네비게이션 바
- radar chart : 방사형 차트 [option - 차트 옵션, 크기 및 라벨 조정을 위해 따로 달아 둠 / data - 차트에 들어갈 데이터]
- card : 효능 설명하는 카드
- image : 부트스트랩 이용하여 반응형 웹 형태로 구현완료
- button : 음식점 추천 페이지로 이동하는 버튼
- 외부 라이브러리 및 프레임워크 연동 목록
- bootstrap
- chart.js
- 구현 목록
- Component: 컴포넌트 파일 넣어두는 곳
- APP.css : App.js 커스터마이징으로 꾸미는 용도
- Index.html : 외부 라이브러리 및 API, 프레임워크 CDN 방식로 연동시켜놓는 파일
-
survey.html: 설문조사 페이지 화면
- test-question // 한 페이지에 들어갈 설문조사 틀 전체
- question
- statement // 질문 내용
- radiogroup // 선택지
- decision mobile // 동의-비동의 텍스트
- question
- test-question // 한 페이지에 들어갈 설문조사 틀 전체
-
data.js: 질문 내용과 비동의~동의 선택 시에 어떤 맛에 연결되는지 작성
- main.html: 메인페이지 화면