react

리액트 프로젝트를 생성하기 위해 가장 많이 사용되는 도구 중 하나인 페이스북에서 공식적으로 관리하는 Create React App(CRA)있다. 최근에는 더 빠른 빌드 속도와 간단한 설정을 제공해주는 Vite가 각광받고 있다. 두 가지 방법에 대해 알아보자하

React 프로젝트에서 map 메서드를 활용할 때, 데이터를 다루는 방식에 따라 코드의 가독성이나 유지보수성에 큰 영향을 끼친다.특히, 객체 데이터를 반복적으로 참조해야 하는 경우, 구조 분해 할당(Destructuring Assignment) 을 사용해서 가독성을 늘

프로젝트에서 고정된 길이의 배열을 생성을 하는 경우가 있었다. 그리고 리펙토링하면서 내 코드들을 보면서 가독성을 체크하고 있었는데, 내가 작성한 배열을 생성해서 사용하는 방법이 가독성이 좋지 않아 보여서 찾아보게 되었다.1\. 배열 리터럴 (Array Literal)가

React 애플리케이션에서는 상위 컴포넌트의 데이터를 여러 중간 컴포넌트를 거쳐서 최종적으로 하위 컴포넌트에 전달해야 할 때, 매 단계마다 props로 데이터를 넘겨주는 prop-drilling 문제가 발생할 수 있다. 이 방식은 컴포넌트 구조가 깊어질수록 관리가 어렵

정의: Axios는 GET, POST, DELETE, PATCH 등 HTTP 요청을 간편하게 보낼 수 있는 라이브러리설치 및 설정: 프로젝트에 Axios를 설치(yarn add axios)한 후, 민감한 정보(API URL, API Key)는 .env 파일로 관리하는

나중에 또 이런경우 생기면 잊지말고 바로 찾아서 써먹으려고 적어둔다.new Date()를 사용하면 2025-02-24T06:52:33.843Z 이런식으로 나오게 되었다.보기에 좋지 않아 바꾸고 싶은 욕구가 생겼다.엄청나게 쉽게 쓸 수 있는 라이브러리이다.yarn add

무한스크롤이란 사용자가 스크롤할 때마다 추가 데이터를 자동으로 불러와 보여주는 기법이다. 지금부터 이 방식을 TanStack Query(React Query)의 useInfiniteQuery를 사용해 Supabase에서 채용 공고 데이터를 페이지네이션 방식으로 가져오고