three.js란? 웹 브라우저에서 3D 그래픽을 생성하고 렌더링하기 위한 JavaScript 라이브러리입니다. Three.js를 사용하면 웹 페이지에서 다양한 3D 요소를 만들고 조작할 수 있습니다. 라이브러리 설치 npm install three npm install @react-three/fiber npm install @react...

이진 탐색(Binary Search) 이란? 이진 탐색(Binary Search)은 정렬된 배열에서 특정 값을 효율적으로 찾는 알고리즘입니다. 이 알고리즘은 배열의 중간 값과 찾고자 하는 값을 비교하여 탐색 범위를 반으로 줄여나가며 값을 찾아나갑니다. 이진 탐색은 배열의 크기에 비례하지 않고 큰 데이터에서도 빠르게 원하는 값을 찾을 수 있습니다....

useLayoutEffect란? 정의 useLayoutEffect는 React 컴포넌트에서 사이드 이펙트를 수행하는 데 사용되는 훅입니다. ※ 사이드 이펙트: 함수나 메서드가 실행될 때 해당 함수나 메서드의 외부에 영향을 주는 모든 작업을 말합니다 사용상황 DOM 요소의 측정과 레이아웃 조정: 컴포넌트가 렌더링된 후에 DO...

lazy란? 정의 React에서 lazy란 코드 스플리팅(Code Splitting)을 지원하기 위한 기능 중 하나이며, 코드 스플리팅은 애플리케이션의 번들 크기를 줄이고 초기 로딩 속도를 개선하는 데 사용되는 기술입니다. 장점 초기 로딩 속도 개선: 사용자가 애플리케이션을 처음 방문할 때 필요한 컴포넌트만 로드되므로 초기...

react-query 사용하기 react-query는 React 애플리케이션에서 데이터 관리를 간편하게 해주는 라이브러리이며, 주로 서버로부터 데이터를 가져오거나 데이터를 업데이트하는 작업을 처리하는데 사용되고, 비동기 데이터 요청과 캐싱을 처리하며, 서버와의 상호작용을 간소화하여 데이터 관리를 용이하게 합니다. 특징, 기능 ...

Recoil 사용하기 Recoil은 Facebook에서 개발한 오픈소스 상태 관리 라이브러리로, React 애플리케이션에서 상태를 효율적으로 관리할 수 있도록 도와줍니다. 설치 //npm npm install recoil //yarn yarn add recoil RecoilRoot Recoil에서 상태를 관리하기 위해 사용되는 ...

쿼리 스트링(Query String)이란? 정의 쿼리 스트링은 URL의 끝에 물음표(?)를 사용하여 URL에 매개변수를 추가하는 방법입니다. 특징 URL에 매개변수를 쉽게 추가하거나 변경할 수 있어 유연하게 데이터를 전달할 수 있습니다. URL이 더 길어지고 읽기에 어려워질 수 있으며, SEO에는 적합하지 않을 수 있습니...

패스 파라미터(path parameter)란? 정의 패스 파라미터(Path Parameter)는 URL 경로에 변수를 포함하여 주로 동적인 데이터를 전달하는 방법입니다. 특징 URL 경로에 데이터를 포함하기 때문에 직관적이고 읽기 쉬운 URL을 제공합니다. URL이 더 의미 있고 SEO(Search Engine Optim...

?. 문법 const user = { name: "kim", }; console.log(user?.age) user가 null,undefined라면 .age가 아닌 바로 undefined를 반환한다 활용 예시로 TypeScript를 사용한다면 {list.data.map((value)=>( <ListItem></...

호이스팅(Hoisting)이란? 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말하며, JS의 독특한 특징이다 실제로 코드가 끌어올려지는 것은 아니다. //눈에 보이는 실제 코드 console.log(a); // undefined var a = "A"; // var 변수 //호이스팅 된 코...