yeonsu's Blog

yeonsu's Blog

Follow

Follow

[JavaScript] 이미지 사이즈 압축해서 용량 줄이기

Nov 16, 20242 min read

이미지를 받아서 저장하는 기능을 구현하고 며칠이 지난 후 한 가지 이슈를 발견하였다. 바로 이미지 업로드가 되지 않는 아주 치명적인 문제였다! 분명 테스트도 수 없이 진행하고 배포한 후에도 잘만 동작했는데 갑자기 이런 일이 왜 벌어진걸까? 문제 해결의 원인을 찾기 위해...

[JavaScript] 이미지 수정 시 브라우저 캐싱 방지하기

Oct 3, 20242 min read

웹 개발을 하면서 한 번쯤 겪어볼 수 있는 이슈가 있다. A 사용자가 이미지를 업로드하면 B 사용자가 그 이미지를 확인하고, 재업로드를 요청하는 플로우다. A 사용자가 새로운 이미지를 업로드 했는데도 B 사용자는 여전히 처음 이미지를 볼 수 있다. 이 문제는 서버...

[React] 렌더링 관점에서 보는 react-hook-form (feat. useRef)

Sep 5, 20243 min read

평소 한땀한땀 기능을 만들어나가는 걸 좋아해서 유명한 라이브러리들을 사용해보지 않았는데, 회사에서 프로젝트를 진행하며 다양한 라이브러리를 사용해보았다. 그 중 React-Hook-Form을 사용하며 평소에 리액트로 폼을 작성하며 겪은 불편한 점을 많이 해소했다. 코드...

[msw] 더 이상 백엔드 개발자에게 Api를 재촉할 필요가 없다

Aug 25, 20245 min read

회사에서 첫번째 업무가 주어져 작업을 진행하고 있다. 공통적으로 사용될 UI 컴포넌트를 먼저 개발하고 페이지 UI 개발을 한 뒤, 마지막으로 API를 연결하여 2주 안에 작업을 끝내는 것을 목표로 하였다. 그런데 백엔드 개발자께서 쌓인 업무가 너무 많으셔서 이 업무에...

[CSS] 둥근 모서리 링을 가진 Spinner UI 만들기

Aug 11, 20242 min read

YEONSUI에 Spinner 컴포넌트를 만들기 위해 디자인을 살펴보았다. 내가 참고한 디자인은 디지털 정부서비스 UI/UX 가이드라인이다. 💫 UI 살펴보기 가운데가 뚫린 원 안에 둥근 모서리를 가진 링이 있다. 이 링이 빙글빙글 돌아가는 애니메이션도 적용할...

[React Query] 초간단 페이지네이션 구현하기

Aug 10, 20244 min read

제작년에 자바스크립트로 페이지네이션을 한땀한땀 구현하다가 너무 구려서 때려친 기억이 있다. 그 이후론 페이지네이션을 만들 일이 없어서 잊고 살았는데... 회사에서 다음주부터 내가 담당할 기능에 대해 간단히 설명해주셨는데 페이지네이션 기능이 있는 것이다! 내 머리를...

Load more