리엑트

우선 /public/index.html 파일을 만들고 그안에 head태그 내부에 meta태그를 추가하여 작성한다.하지만 react는 기본적으로 SPA(싱글페이지 어플리케이션)이기 때문에 페이지마다 다른 meta태그를 작성하지 못한다.React의 SPA의 단점을 해결하기

React에서 상태 관리는 애플리케이션의 복잡성과 효율성을 결정짓는 중요한 요소임.이 중에서도 React Custom Hook과 Context API는 각각의 특징과 사용 방법으로 효과적인 상태 관리를 가능하게함.Custom Hook은 주로 특정 컴포넌트 또는 컴포넌트

React 앱을 개발하면서 성능 최적화는 항상 고려해야 할 중요한 측면임. 이때 useMemo 훅은 메모이제이션을 통해 성능을 향상시킬 수 있는 강력한 Hook임이번 글에서는 React의 useMemo 훅에 대해 알아보고, 그 특징과 장점에 대해 시작해보겠음메모이제이션

React에서 상태 관리는 애플리케이션의 복잡성과 효율성을 결정짓는 중요한 요소임.이 중에서도 React Custom Hook과 Context API는 각각의 특징과 사용 방법으로 효과적인 상태 관리를 가능하게함.Custom Hook은 주로 특정 컴포넌트 또는 컴포넌트

React 앱을 개발하면서 성능 최적화는 항상 고려해야 할 중요한 측면임. 이때 useMemo 훅은 메모이제이션을 통해 성능을 향상시킬 수 있는 강력한 Hook임이번 글에서는 React의 useMemo 훅에 대해 알아보고, 그 특징과 장점에 대해 시작해보겠음메모이제이션

함수형 컴포넌트는 단순히 함수로 정의됩니다. 리액트 16.8에서 Hooks가 도입되면서 함수형 컴포넌트에서도 상태와 생명주기 메서드를 사용리액트 16.8 이전에는 상태(state)와 생명주기 메서드(lifecycle methods)를 사용하기 위해 주로 클래스형 컴포넌

리액트 컴포넌트는 리액트(React)에서 UI를 구성하는 기본 단위임. 컴포넌트는 독립적이고 재사용 가능한 코드 조각으로, 각 컴포넌트는 자신만의 상태(state)와 속성(props)을 가질 수 있음. 컴포넌트를 사용하면 UI를 작은 단위로 쪼개어 복잡한 애플리케이션을

전체 페이지가 새로고침되지 않고 필요한 부분만 갱신됨. SPA에서 빠르고 부드러운 사용자 경험을 제공.페이지 이동 시 React 상태나 리덕스 상태 등 클라이언트 측 상태가 초기화되지 않고 유지됨.React Router 통합: React Router와 완벽히 통합되어

상대 경로는 현재 파일의 위치를 기준으로 경로를 작성하는 방식입니다. ../, ./ 같은 점을 사용해 상위 폴더나 현재 폴더를 가리키면서 파일을 가져옵니다.장점:별다른 설정이 필요 없으며, 프로젝트 내에서 바로 사용 가능합니다.소규모 프로젝트에서 간단하게 파일을 가져올

마이크로 프론트엔드는 같은 디렉토리를 공유하는게 아니기 때문에 프로젝트마다 훅을 만들어서 중복되어 사용하는 문제가 있음현재 서비스가 서울, 울주의 서비스가 배포가 되어있는 상황인데 일정부분의 프로젝트를 공유해서 사용할때 유저가 접속한 사이트가 서울 서비스인지 울주 서비