봉보로봉봉

✅ 과제 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..

✨프로젝트 소개 여기어때 모티프 프로젝트 사이트 선정 이유 이전 프로젝트로 다들 이커머스를 진행해 새로운 유형의 사이트를 하고 싶어 선정하게 되었다. FRONT 프로젝트 목표 Styled-components, Axios, Recoil, React-datepicker 등 새로운 기술을 사용해 본다. 이전에 해본 적 없는 기능을 맡아서 구현해 본다. 진행 기간 2022.09.19 - 09.30 (2주) GitHub repo 프론트 백 ✨사용된 기술 JavaScript React Styled-components Recoil Git, GitHub props drilling이 심각하게 발생하거나, 파일이 많아지면 state가 어디서 관리되고 있는지 알기 어려운 문제를 해결하고자 상태 관리 라이브러리를 사용하기로 ..

✨프로젝트 소개 프로스펙스 모티프 프로젝트 목적 React 활용 능력 향상 Styled-Components라는 새로운 기술 사용 이벤트에 따른 애니메이션 구현 예시를 보고 화면을 구현 이커머스 사이트 구조에 대한 이해 서버와 통신 경험 팀프로젝트 경험 진행 기간 2022.08.29 - 09.08 (2주) GitHub repo 프론트 백 ✨사용된 기술 JavaScript React Vite Styled-components Git, GitHub CRA보다 서버 실행 속도가 빠른 Vite를 이용해 개발 환경을 구축했으며 JavaScript와 JavaScript기반 라이브러리 React로 프로젝트를 진행했다. 별도로 css파일을 관리하지 않아도 되고 네스팅이 가능하며 클래스명이 겹쳐 레이아웃이 깨질 염려가 적은..