npm install 후 빌드 시 webpack 버전이 안맞아서 빌드가 되지않을때 서버의 웹팩버전이 4.40.2 인데 CRA를 이용하려면 4.41.5를 이용해야 한다는 소리 그래서 lock 파일 지우고 다시 깔아라는 소리인데 다시 깔아도 똑같다면 프로젝트의 환경설정파일(.env)에 SKIP_PREFLIGHT_CHECK=true 를 추가
render(){ if(this.props.a != 'undefined' && this.props.a != null){ return ( aa ) } } 위와 같은 코드작성시 에러가난다if 조건문에 맞으면 다행인데 맞지않으면 그려지지 않아서 에러가 발생 조건부 렌더링을 한다면 반드시render(){ if(this.props.a != 'undefined' && this.props.a != null){ return ( aa ) }else { return ( bb ) } } 위와 같이 반드시 else처리로 빈 div값이라도 넘겨줘야 에러가 나지않는다
componentDidUpdate에서 어떤 element의 offsetWidth를 가져오려는데 if문 or for문이 깊어질수록 offsetWidth값이 undefined or null로 나오는데 깊이들어가수록 해당 element의 offsetWidth에 접근할수없는것 같다 ( 내생각 ) 그래서 offsetWidth같은경우는 componentDidupdate 초기에componentDidUpdate(){let a = aa[i].current.offsetWidth;let b = bb[i].current.offsetWidth;} 위와 같이 offsetWidth를 미리 담고 그 값을 비교하는게 정신건강에 좋을듯하다