본문 바로가기

⛔️ Error7

[Vue] Radio Button radio버튼은 여러개의 선택지 중 하나만 선택할 수 있어야한다.하지만 각각의 radio 버튼이 독립적으로 만들어져서 모든 radio버튼을 선택이 되는 버그가 발생하였다. 여러개의 선택지 중 하나만 선택할 수 있게 하려면 radio버튼들을 그룹화하여 하나의 그룹으로 묶는 방법이 있다.바로 radio버튼의 속성 중 name 속성을 이용하는 것이다. radio 버튼을 그룹화하기 위해 name속성을 설정하고, 이를 고유한 값으로 설정하면 정상적으로 잘 동작이 된다.  코드확인하기더보기                       설문 항목 구성                   @click="createServeyList"           class="btn_ic_md btn_pri"           title=.. 2024. 10. 2.
ORA-08002 : 시퀀스 SEQ.currval은 이 세션이 정의되지 않습니다. ORA-08002: sequence ARCH_KNOW_SEQ.CURRVAL is not yet defined in this session  원인?시퀀스의 nextval보다 먼저 currval이 호출되었기 때문.즉, nextval이 먼저 실행되어야 currval을 실행할 수 있다.  *CURRVAL : 시퀀스 현재 값 조회*NEXTVAL : 시퀀스 현재 값 다음 값 조회 2024. 10. 2.
react-testing-library 의 "not wrapped in act(...)" Error 코딩악마 님의 jest 강의를 보면서 userEvent 관련 실습을 진행 중이었습니다. 간단하게 click 이벤트의 test code를 작성하고 있었는데 왜인지 터미널에 빨간 글씨로 error가 뜨더라구요.. 해당 error의 내용은 이렇습니다. console.error 경고: 테스트 내부의 로그인에 대한 업데이트가 실행되지 않았습니다(...). 테스트 시 React 상태 업데이트의 원인이 되는 코드를 act(...)로 래핑해야 합니다: act(() => { /* fire events that update state */ }); /* assert on the output */ 이것은 사용자가 브라우저에서 볼 수 있는 동작을 테스트하는 것을 보장합니다. 자세한 내용은 https://reactjs.org/l.. 2023. 12. 4.
react-dom.development.js:16507 Uncaught Error: Rendered more hooks than during the previous render. if (isLoading) { return ; } if (error) { return ; } if (items.length === 0) { return ; } console.log(products); useEffect(() => { function handleScroll() { if ( containerRef.current && containerRef.current.getBoundingClientRect().bottom prevPage + 1); } } } window.addEventListener('scroll', handleScroll); return () => { window.removeEventListener('scroll', handleScroll); }; }, [isFetching]); 위의 .. 2023. 7. 20.
CORS 에러 프리프로젝트 중 드디어 만나야 할 자식을 만났다. 지금까지 프론트 쪽은 대략적인 UI는 다 구현은 한 상태이고, 아직 백엔드에서 완벽하게 api를 만들지 않았지만 급하게라도 테스트 할 수 있게 배포된 api를 건내주었다. 🥹 이 전에 팀장님이 node.js로 간단하게 서버 만들어 놓은 걸로 데이터 받아와 로컬에서 테스트를 하고 있어서 axios 주소 변경을 하고 post를 해보았더니 위의 사진과 같은 에러가 났다. 😈 CORS에 대해 간단히 정리해보자면.. CORS는 Cross-Origin-Resource-Sharing 으로 교차 출처 리소스 공유 정책이다.,, 참고로 교차출처는 다른 출처라고 생각하자. 그럼 출처는 뭘까? 출처(Origin) : 우리는 Protocol, Host, 포트번호만 생각하자. .. 2023. 6. 21.
npm install, ENOENT: no such file or directory 에러 프리 프로젝트 도중 서버를 통해 테스트하고 싶은 것이 있어 vscode를 열고 폴더를 만든 뒤 npm install를 하였더니 아래와 같은 에러가 떴습니다. "no such file or directory, open ... package.json' => 해당경로에 package.json이 없다는 말입니다. npm은 사용하기 전에는 프로젝트 폴더에서 "npm init"으로 초기 설정을 해줘야 합니다. npm init 그럼 다시 정상적으로 npm install이 작동합니다. 2023. 6. 17.
yarn 다운로드 오류 해결(errno 13) 이번에 yarn berry 환경으로 프로젝트를 시작해 보기 위해 위의 명령어를 입력하였더니 아래와 같은 에러가 떴다. npm install -g yarn 위와 같은 에러는 권한 문제로 나오는 에러라고 하여 sudo를 앞에 붙이고 명령어를 다시 입력하니 이번엔 또 아래와 같은 에러가 뜬다,,;; node_modules와 yarn.lock 파일 삭제 rm -rf node_modules rm -rf yarn.lock 해당 파일 삭제하니 정상적으로 실행이 된다. 2023. 6. 12.
728x90