본문 바로가기

react11

[React] Jest 캐시 지우는 명령어 react, react native에서 jest를 이용해 테스트를 할 때 캐쉬를 지우려면 test 명령어 뒤에 --clearCache를 붙여주면 됩니다. yarn test --clearCache 2021. 9. 22.
[React Native] Jest / SyntaxError: Cannot use import statement outside a module React Native에서 jest로 테스트 코드를 작성 중 다음과 같은 에러를 마주쳤습니다. react-native-vector-icons를 다운받고 import하고 사용할 때 발생한 버그인데요, package.json 파일에 아래 문장을 추가해주어 문제를 해결하였습니다. { "jest":{ ... "transformIgnorePatterns": [ "node_modules/(?!react-native|react-navigation)/" ] ... } } 2021. 9. 6.
[React] 클래스형 컴포넌트의 생명 주기(LifeCycle) React에서 클래스형 컴포넌트의 생명주기에 대해 간단히 정리해보겠습니다. 아래는 App 컴포넌트를 클래스형 컴포넌트로 선언하고 클래스형 컴포넌트를 호출한 예제 코드입니다. ... class App extends React.Component { // 생성자 함수 // State의 초기값 설정 constructor(props: Props) { super(props); ... } ... // 렌더링되는 부분 정의 // props나 state가 바뀌어 화면이 갱신되는 경우 호출 render() { ... } // 부모로부터 받은 Props와 State를 동기화할 때 사용 // Props로 State에 값을 설정 or State 값이 Props에 의존하여 결정된느 경우 사용 static getDerivedSta.. 2021. 8. 24.
[React Native] Jest / SyntaxError: Cannot use import statement outside a module Jest 사용 중 import문 쪽에서 이슈가 발생했습니다. package.json에 아래 문장을 추가해주니 해결이 되었습니다. "jest": { ... "transformIgnorePatterns": [ "node_modules/(?!react-native|react-navigation)/" ] ... } 이후 terminal에서 yarn test 명령어 실행 시 캐시를 지우고 실행을 해주어야 적용이 되는 것 같습니다. yarn test --no-cache 참고 https://github.com/facebook/jest/issues/11591#issuecomment-899508417 Jest encountered an unexpected token · Issue #11591 · facebook/jest.. 2021. 8. 18.