일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- Next.js
- react native 개발
- 문자열 대소문자
- 문자열 대소문자 구별
- 에러
- React
- AWS
- react native font
- aws bucket 정책
- Project
- react native
- img upload
- react native 세팅
- Access Key 생성
- react native CLI
- AWS Access Key
- 리엑트 네이티브 아이콘
- react native picker
- s3 upload
- firebase 라이브러리
- babel.config.js
- fire base
- error
- 리액트 네이티브
- 리액트
- js
- GIT
- PongWorld
- 백준
- 리액트 네이티브 에러
- 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타입스크립트로 작성된 코드는..