FrontEnd/React
-
🐣 들어가기 전에!_!이번 게시물에서는 TanStack Query에 대해서 정리해 볼 것이다!_! 혹시 아직 React Query라고 알고 있는 가?! React Query는 2022년 8월에 TanStack Query로 변경되었다. 그 이유는 라이브러리가 React 외에도 Vue 및 Svelte와 같은 여러 프레임워크를 지원하도록 확장됨에 따라 React를 넘어 다양한 버전을 통합하고 더 광범위한 다중 프레임워크 유틸리티를 강조하는 것이기 때문!_! 아무튼 이번 게시물에서는 프로젝트 설치 및 셋팅방법과 tanstack query 사용 이유 그리고 주요 함수에 대해서 살펴보고, 다음 게시물에서 tanstack query 사용법, query 동작 이해, 동적 query 함수 및 query key, 쿼리..
[React] TanStack-Query (React-Query)🐣 들어가기 전에!_!이번 게시물에서는 TanStack Query에 대해서 정리해 볼 것이다!_! 혹시 아직 React Query라고 알고 있는 가?! React Query는 2022년 8월에 TanStack Query로 변경되었다. 그 이유는 라이브러리가 React 외에도 Vue 및 Svelte와 같은 여러 프레임워크를 지원하도록 확장됨에 따라 React를 넘어 다양한 버전을 통합하고 더 광범위한 다중 프레임워크 유틸리티를 강조하는 것이기 때문!_! 아무튼 이번 게시물에서는 프로젝트 설치 및 셋팅방법과 tanstack query 사용 이유 그리고 주요 함수에 대해서 살펴보고, 다음 게시물에서 tanstack query 사용법, query 동작 이해, 동적 query 함수 및 query key, 쿼리..
-
🐣 public과 assets 폴더처음 프로젝트를 진행하다 보면 img 파일을 public 폴더에 넣어야 하는지 혹은 src/assets 폴더에 넣어야 하는지 헷갈릴 때가 있다. 웹 개발에서 이미지, CSS, JavaScript, 글꼴 등 프로젝트의 정적 파일을 관리하는 것은 체계적이고 효율적인 코드베이스를 유지하는 데 필수적이기 때문에, 예전에 정리해 둔 Notion을 보다가 생각이나서 이 참에 정리해 보려고 한다! 레츠꼬우~ 🐣 public1. 개념public 폴더는 일반적으로 URL을 통해 직접 액세스해야 하는 정적 파일에 사용되는데, public 폴더 내에 있는 모든 파일은 웹 사이트 루트에 대한 상대 경로를 참조하여 액세스할 수 있다. 빌드 도구로 처리하거나 수정할 필요가 없는 자산에 자주 ..
public과 assets 폴더의 차이점🐣 public과 assets 폴더처음 프로젝트를 진행하다 보면 img 파일을 public 폴더에 넣어야 하는지 혹은 src/assets 폴더에 넣어야 하는지 헷갈릴 때가 있다. 웹 개발에서 이미지, CSS, JavaScript, 글꼴 등 프로젝트의 정적 파일을 관리하는 것은 체계적이고 효율적인 코드베이스를 유지하는 데 필수적이기 때문에, 예전에 정리해 둔 Notion을 보다가 생각이나서 이 참에 정리해 보려고 한다! 레츠꼬우~ 🐣 public1. 개념public 폴더는 일반적으로 URL을 통해 직접 액세스해야 하는 정적 파일에 사용되는데, public 폴더 내에 있는 모든 파일은 웹 사이트 루트에 대한 상대 경로를 참조하여 액세스할 수 있다. 빌드 도구로 처리하거나 수정할 필요가 없는 자산에 자주 ..