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

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

e.target.dataset.value의 타입이 string이기 때문에 에러 발생함. 내가 정의해준 타입으로 타입을 좁혀주기 위해 타입 가드 사용.(참고: https://www.qualdesk.com/blog/2021/type-guard-for-string-

할 일 완료하기, 완료한 할 일 삭제하기 기능 추가

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

React Query 적용해보기

다독다독을 리팩토링 중이다. 웹 프론트엔드로 공부를 시작하고 나서 처음 만들었던 개인 프로젝트인만큼 컴포넌트 분리도 엉망이고 이래저래 손 볼 곳이 많아보인다. 오늘은 책 검색과 관련한 컴포넌트와 함수들을 리팩토링 했는데 선언형 프로그래밍을 연습하고 정리해볼 수 있는 적

Redux 적용하기

프론트엔드에서 중요한 핵심 포인트와 6개월 동안 배우고 적용했던 지식 복기하기 - 2. 비동기와 캐싱

strict 옵션 적용, 타입 가드

추상화, 관심사의 분리, 지저분한 코드와 맥락을 이해하기 힘든 변수명 고쳐보기

프론트엔드에서 중요한 핵심 포인트와 6개월 동안 배우고 적용했던 지식 복기하기 - 1. 상태 관리

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

브라우저 저장소에 대해 알아보자

놀지 말고 부지런히 파싱해서 트리부터 만들어라

클라이언트 사이드 렌더링과 서버사이드 렌더링의 개념 정리와 비교

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

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

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

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