react 썸네일형 리스트형 Vite를 이용한 React 프로젝트 설정 및 정적 파일 복사 플러그인 사용 방법 React 프로젝트를 빌드하고 배포하는 과정에서, 종종 특정 파일들을 빌드 디렉토리로 복사해야 할 필요가 있습니다. 예를 들어, 환경 설정 파일이나 기타 정적 파일들이 이에 해당할 수 있습니다. Vite를 이용하면 이러한 작업을 간단하게 처리할 수 있습니다. 이 글에서는 Vite를 이용하여 React 프로젝트를 설정하고, vite-plugin-static-copy를 사용하여 정적 파일을 복사하는 방법에 대해 설명하겠습니다.Vite란 무엇인가?Vite는 빠르고 경량화된 프론트엔드 빌드 도구로, 주로 모던 웹 애플리케이션을 위한 도구로 사용됩니다. Vite는 개발 서버의 빠른 시작과 빠른 HMR(Hot Module Replacement) 기능을 제공하여 개발 생산성을 높여줍니다. 또한, 빌드 시에는 Roll.. 더보기 [React] 리액트 useEffect 사용방법 리액트 개발을 진행할 때, 특정 컴포넌트가 처음 호출될 때 특정 명령어를 실행하기 위해 useEffect를 사용합니다. useEffect는 컴포넌트가 마운트 될때 그리고 언마운트 될 때 처리할 로직 작성해서 컴포넌트 실행 간에 값을 계산하거나 컴포넌트가 언마운트될때 특정 값을 반환 혹은 정리할 때 사용합니다. useEffect의 기본 사용방법은 아래와 같습니다. useEffect(() => { //마운트시 동작할 로직 return () => { //언마운트시 동작할 로직 }; }, []);//체크할 변수 위에 코드에 // 마운트시 동작할 로직, 언마운트시 동작할 로직을 작성하고 해당 컴포넌트가 호출될 때 동작하게 되어있습니다. 그리고 [] 해당 영역에는 useEffect를 동작하도록 하는 변수명을 작성할.. 더보기 이전 1 다음
