AWS S3에 업로드된 음원 파일을 URL을 통해 프론트에서 라이브러리를 통해 받아와야 했다. 기존에 설정했던 서버 destination과는 다른 주소를 가졌다. 브라우저에서 URL로 접근하니까 Access Dinied가 발생해서 백엔드 개발자분께 정책 설정을 부탁드렸

독립된 두 개의 SVG가 똑같은 모양으로 렌더링 된다면

스켈레톤 컴포넌트로 친절한 로딩창 만들기

요리가 나올 때까지 다음 주문은 안 받을게요

react-tooltip과 SVG에 CSS를 적용해서 반응형 지도처럼 만들어보기

react-tooltip과 SVG에 CSS를 적용해서 반응형 지도처럼 만들어보기

Redux를 쓸건데 뭔지는 알아야 될 것 같아서

API가 자꾸만 연속해서 호출될 때 씁시다

fontawesome은 라이브러리를 설치해서 쓰자

읽은 책에 한정하여 평점을 매길 수 있도록 만점이 5점짜리인 별점을 추가했다. 초기 state값은 props로 전달한 책과 stars(평점)이 있다면 해당 값을 차용(기존에 추가한 책을 조회하는 경우)없는 경우 false 배열로 초기화(새로 책을 추가하는 경우)클릭한

사용 이유 요가나라와 개인프로젝트를 진행하면서 props 지옥에 빠졌다. 목표 컴포넌트에서 state를 사용하려면 부모 컴포넌트부터 목표 컴포넌트까지 props를 계속 전달해야하고, 하위 컴포넌트에서 부모 컴포넌트를 조작하려면 부모 컴포넌트에 도달할 때까지 콜백함수를

현재 다독다독의 도서 검색 기능은 API에 파라미터로 책의 개수 받아 일정 개수의 도서만 검색이 가능하기 때문에 책 탐색에 한계가 있다.원하는 책을 찾을 때까지 스크롤을 내리다 뷰포트의 최하단에 닿는 순간 다음 책들을 불러오기 위해 인피니트 스크롤이 필요하다.useEf

웹페이지를 좀 더 재미있게 만들기 위해 로티 애니메이션을 추가하기로 했다.https://lottiefiles.com/로티 홈페이지에서 원하는 애니메이션을 json으로 다운로드 받아 프로젝트 폴더에 넣어준다.여러 페이지에서 로티를 사용할 수 있기 때문에 재사용할

react-chartjs2로 독서 기록 웹 애플리케이션에 연도-월별로 완독한 책이 몇 권인지 확인할 수 있는 기능을 추가하려고 한다. 몇 월에 몇 권을 읽었는지 나타내기 위해 가시성이 좋은 막대그래프를 사용하기로 했다. react-chartjs-2 공식 홈페이지의 ex

독서 기록 웹 애플리케이션에 책을 완독한 날짜에 하이라이팅이 되는 달력을 추가하려고 한다. 상단 2022년 5월 선택 시 월 선택으로 바뀜마찬가지로 연도 선택 시 일 선택으로 바뀌면서 뎁스가 내려감기본 css import 시 캘린더가 예쁘게 바뀐다추후 css 작업 시

카카오 책 검색 오픈 APIhttps://developers.kakao.com/docs/latest/ko/daum-search/dev-guide!\[](https://velog.velcdn.com/images/kina/post/eb8566b3-8f51

오늘은 게시물 수정까지 구현하면서 댓글을 제외한 게시물 관련 주요 기능을 완성했다.게시물 수정 컴포넌트는 글쓰기 컴포넌트를 재활용하되 postID를 기준으로 줘서 postID가 -1일 때는 글쓰기로, postID가 게시물 key값일 때는 게시물 수정으로 이동하게끔 ro

post view css 1차 완성이다. 댓글 기능은 아직 구현되지 않은 상태라 확인용으로 임시로 작성해 놓은 상태이고, 댓글 작성자와 로그인한 유저의 userId가 동일하면 수정/삭제 동일하지 않다면 버튼이 안 보이게 수정할 예정이다.<veiw 남은 기능>1\.

게시판 메뉴의 CSS 뼈대가 완성되었으니 이제 본격적으로 게시물 작성하기 기능을 만들어 보려고 한다. 데이터베이스는 firebase의 Realtime Database를 사용할 예정이다.Firebase에는 DataBase와 Realtime DataBase 두 개가 있는데