일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- AWS Access Key
- React
- Next.js
- 문자열 대소문자
- firebase 라이브러리
- react native 세팅
- react native
- react native CLI
- 리액트 네이티브
- fire base
- AWS
- 에러
- babel.config.js
- s3 upload
- img upload
- react native 개발
- error
- 백준
- 문자열 대소문자 구별
- 리액트
- aws bucket 정책
- Project
- js
- PongWorld
- Access Key 생성
- react native picker
- 리엑트 네이티브 아이콘
- GIT
- 리액트 네이티브 에러
- react native font
- Today
- Total
목록npm (2)
밝을희 클태
npm 패키지를 만들다가 로컬에서 테스트를 할 일이 생겨서 npm link를 사용하여 로컬의 글로벌에 심볼릭 링크(바로가기)를 만들고 다른 프로젝트에서 해당 프로젝트를 받아와서 사용하면 에러가 발생한다.에러 내용Cannot read properties of null (reading 'useRef') TypeError: Cannot read properties of null (reading 'useRef') at useRef (http://localhost:3000/static/js/bundle.js:3541:25) at ImageSlider (http://localhost:3000/static/js/bundle.js:359:73) at renderWithHooks (http://localhost:3000..

폴더 구조우선 폴더 구조부터 보면 lib 폴더 내에서 배포할 컴포넌트를 작업해준다. 이렇게 하는 이유는 명확한 분리: 배포할 컴포넌트를 다른 코드와 명확히 분리함으로써, 컴포넌트 개발 및 유지보수가 용이해진다.재사용성: lib 폴더 내의 컴포넌트는 독립적으로 설계되기 때문에 다른 프로젝트에서도 쉽게 가져다 사용할 수 있다.테스트 용이성: lib 폴더 안의 컴포넌트를 따로 테스트할 수 있어서 전체 프로젝트를 테스트하기가 더 쉬워진다.배포 편의성: lib 폴더 내의 컴포넌트는 쉽게 빌드하고 배포할 수 있다. tsconfig.json 파일에서 outDir 설정을 통해 lib 폴더 내의 코드만을 빌드 대상에 포함시키면, 불필요한 파일이 포함되지 않도록 할 수 있다. TypeScript타입스크립트로 작성된 코드는..