반응형 안녕 버그친구들7 리액트 Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. // render() 부분 코드 일부 const inventoryListBySO = () => { let result = []; let numberForKey = 0; pricePolicyStore.selectedInventoryList.length > 0 && // ... 생략 }; // return() 부분 코드 일부 // 처음에 inventoryListBySO 라고만 선언함 {inventoryListBySO()} render() 부분에 함수를 선언하고, return 부분에서 이 함수를 실행을 안해줘서 생긴 버그다. 함수로 선언했으니까 당연히 실행을 해줘야 코드가 돌아가는데, 함수명만 선언해줘서 코드가 작동을 안했다. 참고한 사이트 https://kyounghwan01.github.io/blog/de.. 2021. 11. 15. 리액트 node_modules decorator 관련 오류 먼저 관련 버그 문구는 아래와 같다. SyntaxError: /App.js: Support for the experimental syntax 'decorators-legacy' isn't currently enabled 업무를 하다가 깃허브에서 프로젝트를 새로 다운로드 받고 npm i -> npm start 로 프로젝트를 실행하니까 위와 같은 버그가 생겼다. 다운로드 한 프로젝트는 mobX를 사용하고 있어서 decorator가 필요한데, node_modules/babel-preset-react-app 경로의 create.js 파일에서 // Turn on legacy decorators for TypeScript files isTypeScriptEnabled && [ require('@babel/plugi.. 2021. 11. 10. 스프링부트 JDBC Connection SQLException 오류 해결 ### Error querying database. Cause: org.springframework.jdbc.CannotGetJdbcConnectionException: Could not get JDBC Connection; nested exception is java.sql.SQLException: Cannot create PoolableConnectionFactory (The TCP/IP connection to the host 10.1.1.21, port 1433 has failed. Error: "Connection timed out: no further information. Verify the connection properties. Make sure that an instance of SQL.. 2021. 11. 8. Git 커밋취소 회사에서 업무를 하다가, 다른 브랜치로 checkout해서 커밋을 해버렸다. 해당하는 브랜치에 commit & push를 하기 위해서 Undo Commit으로 커밋한 내용은 그대로 살려서 복원했다. 여기서 목록에 reset과 revert도 있었는데 간단하게 말하자면 reset : push를 이미 한 상태에서는 사용할 수 없음, 과거의 이력이 커밋에 안 남는 장점이 있지만, 사용한 사람만 알 수 있음 (협업에 적절하지 않은듯) revert : 과거 이력을 없애주지만, 깃허브에 revert를 했다는 이력이 남게 됨 참고 사이트 https://youngest-programming.tistory.com/220 2021. 11. 3. 인텔리제이 cannot access org.springframework.context.configurableapplicationcontext 에러 해결 cannot access org.springframework.context.configurableapplicationcontext 1. 해당 프로젝트의 .iml 파일 삭제 2. IDE 상단바 File -> Invalidate Cache and REstart 참고 main.iml : 인텔리제이에서 pom.xml을 인식하지 못하여 자체적으로 의존성 관리 등을 위해 생성하는 파일 참고 사이트 : https://nohbj.tistory.com/47 2021. 8. 26. Visual Studio Code에 리액트 개발 환경 세팅하다가 난 오류 (환경변수) 리액트에서 상태 관리로 npm을 쓰기 때문에 node.js 설치 후 create-react-app 라이브러리를 사용하려다 난 오류다. 터미널 창에서 npx create-react-app 입력하니 아래와 같은 오류가 떴다. npx : 'npx' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함 된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 이유는? 구글링을 해보니 환경변수를 설정해주지 않아서라고 한다. 환경변수? 프로세스가 컴퓨터에서 동작하는 방식에 영향을 미치는 동적인 값들의 모임 실행할 파일이 들어있는 폴더를 Path 환경변수에 미리 설정해놓으면 명령프롬프트 상에서 실행하고자 하는 파일이 있는 폴더가 아.. 2021. 8. 24. jQuery datepicker UI 사용중 겪은 오류 - $(...).datepicker is not a function datepicker를 사용하다가 $(...).datepicker is not a function 라는 오류를 만났다. 원인은 jQuery 소스를 불러오는 api 링크가 2개나 들어가 있어서 충돌이 났음 둘 중에 하나만 사용해야 하므로 위에 있는 링크를 삭제했더니 깔끔하게 해결되었다. 이렇게 간단한 문제였던 것을 1시간 반이나 잡아먹게 했다. 더 열심히 해야지. 2021. 7. 15. 이전 1 다음 반응형