profile
Detail makes difference.
post-thumbnail

Suspense, Error Boundary로 비동기 로딩, 에러 로직 공통화하기(feat. Next.js, React-Query)

Suspense, Error Boundary를 사용하여 선언적으로 깔쌈하게 비동기 로딩, 에러 로직을 공통화합니다.

2023년 1월 24일
·
0개의 댓글
·
post-thumbnail

마우스, 터치 Swiper 만들기

요즘 웹사이트에서는 가로 스크롤을 직접 움직이는 대신 어플리케이션처럼 마우스로 컨텐츠를 움직이는 좌우 드래그 스크롤 기능을 제공하는 사이트들이 많다. 따라서 이 기능을 구현해 보았다.1\. clientX, clientY브라우저 페이지의 왼쪽 상단 모서리를 기준으로 하는

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

useEffect 총정리

Effect는 sideEffect(부작용, 함수 외부에 영향을 주는 행위)을 의미하는데 이 이름이 붙여진 이유는 컴포넌트를 렌더링하는 본래 자신의 일이 아닌, 외부의 상태를 변경하는 작업을 하기 때문입니다.대표적인 부작용 예시로는 API 호출, 이벤트 처리 함수 등록

2022년 1월 1일
·
0개의 댓글
·
post-thumbnail

React hooks 총정리

먼저, useEffect는 내용이 길어 따로 정리하여 업로드하는 점 미리 당부의 말씀 올립니다.

2021년 12월 29일
·
0개의 댓글
·

AACP 3일 간의 삽질..

사용자가 강좌를 추가할 때, 강좌를 수강하는 학생들도 추가하게 되는데 그 컴포넌트를 작성하였다. 정말 기본적인 CRUD이지만 내맘대로 코딩하다가 이런 사태가 발생했고 map을 통해 해결하였다. 근본적으로 하위 컴포넌트를 상태로 만든 것이 문제였고 이렇게 만들었어도 ma

2021년 7월 27일
·
0개의 댓글
·