봉보로봉봉

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

컬러 변환기 rgba -> hex hex -> rgba hex 투명도까지 포함해서 변환할 수 있음 https://semalt.tools/ko/color-converter?color=rgba%28255,%20255,%20255,%200.767%29 온라인 컬러 변환기 semalt.tools

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

올해 초쯤에 처음으로 리액트 강의를 듣고 공부해서 만들었던 투두리스트 프로젝트를 다시 열어봤다. 코드를 이렇게 짰다니 지금 실력이 많이 늘었다는 것을 느낄 수 있었다..😀👍 맨 처음 들어가면 보이는 화면. 왜 정렬을 저렇게 했는지 모를 노릇이다.. css도 잘 못 다뤘나보다.. 수정도 가능하고, 추가도 가능하다. 용케도 투두리스트 기본 기능은 다 구현했다. 그리고 이때 달력도 달고 싶었는데 할 줄 몰라서 못 달았던 기억이 있다. 달력도 빈 파일이지만 파일은 생성되어 있었다. 그리고 코드를 뜯어봤더니 모자랐던 실력의 내가 너무 귀엽고 웃겼다🤣 !연산자를 모르는지 반대의 값을 주기 위해서 삼항연산자를 사용했다. 불리언을 조건으로 쓸 생각도 못해서 어차피 불리언인 값을 ===을 이용해서 비교하고 있다. 프로젝..

CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. CSR JavaScript를 사용하여 브라우저에서 콘텐츠를 렌더링하는 것이다. HTML 문서 자체에서 모든 콘텐츠를 가져오는 대신 초기 로드에서 JavaScript 파일이 포함된 HTML 문서가 수신되어 브라우저를 사용하여 사이트의 나머지 부분을 렌더링한다. 장점 첫 로딩만 기다리면, 동적으로 빠르게 렌더링이 되기 때문에 사용자 경험(UX)이 좋다. 페이지에 필요한 부분만 변경하기 때문에, 모바일 네트워크에서도 빠른 속도로 렌더링이 가능하다. 서버를 호출할 때마다 전체 UI를 다시 로드할 필요가 없고 서버에게 요청하는 횟수가 훨씬 적어 서버의 부담이 덜하다. 단점 검색엔진의 검색 봇이 크롤링을 하는데 어려..

이전 에러를 해결해서 yarn start로 실행하려니까 또 다른 에러가 등장했다... Error: listen EADDRINUSE: address already in use 0.0.0.0:3000. 3000번 포트는 이미 사용중입니다. 이유 이전에 start로 실행했던 포트 3000 서버가 종료가 안돼서 그런가 보다. 터미널에 이용중인 포트를 찾는 명령어를 입력한다. sudo lsof -i :3000 그리고 나온 목록에서 3000번 포트를 쓰고 있는 PID를 입력해 그 포트를 강제 종료한다. sudo kill -9 PID번호 참고1 참고2

Next.js로 프로젝트를 세팅하고 yarn start를 했는데 에러가 떴다. Could not find a production build in the '/directory'. 디렉토리에서 프로덕션 빌드를 찾을수없습니다. 이유 Next는 빌드 명령어를 실행해주고 start 명령어를 입력할 수 있나보다.... 왜인지.. 모르겠다...🥲 build 명령어 먼저 실행하고 yarn start를 하니까 잘 켜졌다. 참고