React 프로젝트 설치 및 설정 문제 해결
주의사항 (오류)
npm install -g cnpm --registry=https://registry.npm.taobao.org
'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
// 다른 컴포넌트를 설치한 후 npm start 명령을 다시 실행할 때 위 오류가 발생할 수 있습니다.
## 해결 방법 1:
npm install react-scripts
설치 완료 후 npm start ...
6월 25일 01:46에 게시됨
Redux 상태 관리와 React 통합 전략
1. React와 Redux 결합하기
1.1 고차 컴포넌트를 활용한 공통 로직 추출
Redux 사용 시 반복되는 패턴을 고차 컴포넌트(HOC)로 추상화하여 코드 중복을 줄일 수 있습니다. 이는 connect 함수가 대표적인 예시입니다.
1.2 react-redux 라이브러리 활용
Redux는 React, Angular, Vue, jQuery, 순수 자바스크립트 등 다양한 환경에서 사용할 수 있습니다. 하지만 React와의 ...
6월 8일 01:44에 게시됨
PDF 주석 기능 향상: React PDF Highlighter 활용 가이드
PDF 주석 기능 향상: React PDF Highlighter 활용 가이드
React PDF Highlighter는 PDF 문서에 대한 주석을 쉽게 추가할 수 있도록 설계된 React 컴포넌트 모음입니다. 이 라이브러리는 PDF.js를 기반으로 하며, 텍스트 하이라이트, 영역 표시, 팝업 주석 등 다양한 기능을 제공하여 PDF 문서의 상호작용 경험을 한층 더 끌어올립니다.
핵심 가치
- **협업 효율성 개선 ...
6월 2일 21:09에 게시됨
Redux에서의 비동기 처리와 미들웨어 활용
14.4 react-redux 및 비동기 처리 라이브러리
react-redux는 connect, thunk 등의 함수를 제공합니다. 여기서는 배너 데이터를 가져오는 예제를 통해 비동기 처리 방법을 살펴보겠습니다.
store 설정
비동기 작업은 일반적으로 미들웨어를 사용해야 합니다. configureStore는 이미 redux-thunk를 자동으로 통합하고 있습니다. action에서는 함수를 반환해야 합니다.
...
5월 20일 01:36에 게시됨