봉보로봉봉

✅ 과제 해당 월에 예약 가능한 목록을 보여줍니다. 예약자, 이름, 예약 시간, 예약 종류를 이용하여 예약합니다. 중복 예약은 불가합니다. 노쇼 예약자는 예약이 불가합니다. 예약 번호나 예약자 이름으로 예약 목록 조회가 가능해야 합니다. 🗓 진행 기간 기간 : 2022.10.15 ~ 2022.10.19 🔗 레포 주소 및 배포 링크 깃헙 레포 배포 링크 🏗 프로젝트 파일 구조 public/data: Mock 데이터 폴더 src/pages/reservation: 예약 페이지 파일 폴더 src/pages/inquiry: 예약 조회 페이지 파일 폴더 src/utils: 함수 파일 폴더 src/styles: 전역 스타일 폴더 🛠 적용 기술 JavaScript React.js React 관련 라이브러리 react-..

✅ 과제 1. 오디오 녹음 화면 오디오 녹음이 가능하다. 오디오 녹음 중일 때에는, 녹음 중 UI가 표시된다. 녹음 중에는 녹음이 되고 있는 시간을 표기한다. input 값을 받아 최대 녹음 가능 시간을 컨트롤 할 수 있어야 한다. 오디오 녹음 완료 후에는 firebase firestorage를 이용하여 음성 파일을 저장한다. (선택 구현 사항) 2. 음성 재생 화면 오디오 재생이 가능하다. 오디오가 재생된 시간을 표시한다. 오디오 파일을 다운로드 할 수 있다. 오디오 파형을 표시할 수 있다. (선택 구현 사항) 🗓 진행 기간 및 팀원 - 2022.10.11 ~ 2022.10.13(3일) - 프론트엔드 3명 🛠 적용 기술 JavaScript React.js react-router-dom styled-co..

✅ 과제 1. 첫번째 페이지 목데이터를 이용해서 센서 정보가 나열된다. 데이터가 오름차순, 내림차순 정렬이 가능하며 필터 기능도 가능하도록 구현한다. hover효과를 구현하고, 센서데이터의 배터리가 20퍼센트 아래면 빨간색으로 표시한다. 반응형으로 구현한다. 2. 두번째 페이지 API를 통해 받아온 데이터로 온도, 습도, 기압 세가지 그래프를 표시한다. 날짜를 선택하여 특정 날짜의 데이터(24시간)을 확인할 수 있다. x축 확대/축소 기능을 구현한다. 데이터를 csv로 export할 수 있다. 온도 그래프는 온도 값에 따라 색을 다르게 표시한다. (선택사항) 🗓 진행 기간 및 팀원 - 2022.10.07 ~ 2022.10.09(3일) - 프론트엔드 5명 🛠 적용 기술 JavaScript React.js..

✅ 과제 1. 첫번째 페이지 Figma를 참고하여 UI를 구현하고 카테고리별로 키보드 테마를 보여준다. 각 테마를 눌렀을 때, 두번째 화면으로 이동한다. 반응형으로 구현한다. 2. 두번째 페이지 Figma를 참고하여 UI를 구현하고 상세페이지를 보여준다. 라이브테마가 있을 때는 라이브테마를 보여준다. 뒤로가기를 눌렀을 때 첫번째 페이지로 이동한다. 반응형으로 구현한다. 3. 세번째 페이지 (선택사항) 두번째 페이지 최상단의 테마 프리뷰 이미지를 클릭했을 때 키보드를 체험할 수 있도록 UI를 구현한다. 지우기 버튼을 눌렀을 때 한글 음소가 하나만 지워져야 한다. (예 : 안녕 -> 안녀) shift를 눌렀을 때 쌍자음을 사용할 수 있도록 한다. 🗓 진행 기간 및 팀원 - 2022.10.04 ~ 2022.1..