분류 전체보기
-
tomcat error 해결법: Several ports (8080, 8009) required by Tomcat v7.0 Server at localhost are already in useError Handling 2023. 3. 26. 20:56
에러 발생 이클립스로 개발 중 이클립스가 불완전종료 될 때가 있다. 이 때 이클립스를 다시 실행 시키고 톰캣서버를 실행하면 톰캣서버가 실행되지 않는다는 에러가 발생한다. Several ports (8080, 8009) required by Tomcat v7.0 Server at localhost are already in use 원인 해당 포트가 사용중이라 발생한다. 해결법 간단히 해결하려면 톰캣이 설치된 폴더의 bin폴더 아래에 shutdown.bat 이라는 배치파일을 한번 더블클릭하여 실행시킨후 이클립스를에서 톰캣을 실행한다. 위에 방법이 안되면 아래와 같이 해결하면된다. 사용중인 포트 죽이기 1. 윈도우 + R 을 누르거나 윈도우 -> 실행 클릭 2. 여기에 cmd 입력후 확인버튼 클릭 3. cmd..
-
error 해결법: 'File name '' differs from already included file name '' only in casing' on relative path with same casingError Handling 2023. 3. 19. 23:29
에러 발생 특정 파일을 import 한 뒤 호출시 아래와 같은 에러가 발생할 때가 있다. import SignupModal from './features/app/SignupModal'; Error TS1149: File name 'C:/Project/frontend/scripts/State.ts' differs from already included file name '../frontend/scripts/State.ts' only in casing. 원인 1. 파일 이름이 잘못되었다. 2. 타입스크립트 설정과의 충돌 3. 개발툴이 이상하다. 해결법 1. 파일 이름을 한번 더 확인한다. 보통 소대문자가 잘못되어있었다. ex) 파일 이름이 SignupModal.tsx 이여야하는데 Signupmodal.ts..
-
React error 해결법: Uncaught Error: This component must be used inside a <RecoilRoot> component.Error Handling 2023. 3. 19. 23:16
에러 발생 react 개발시 Recoil 사용시 아래와 같은 에러가 발생할 때가 있다. Uncaught Error: This component must be used inside a component. 원인 RecoilRoot 로 감싸주지않았다. root.render( ); 해결법 Recoil 을 사용하는 상위 파일 을 RecoilRoot 로 감싸준다. ex) index.tsx 에서 로 감싸준다.
-
React error 해결법: Type 'MutableRefObject<HTMLInputElement | undefined>' is not assignable to type 'LegacyRef<HTMLInputElement> | undefined'.Error Handling 2023. 3. 19. 23:09
에러 발생 react 개발시 useRef 사용시 아래와 같은 에러가 발생할 때가 있다. const componentRef = useRef(); Type 'MutableRefObject' is not assignable to type 'LegacyRef | undefined'. 원인 useRef 선언시에 null 을 제대로 선언해주지 않았다. 해결법 엘리먼트 객체와 null 을 추가하여 선언한다. const componentRef = useRef(null);
-
React error 해결법: TS2305: Module '"react-router-dom"' has no exported member 'Switch'.Error Handling 2023. 3. 19. 22:59
에러 발생 React 로 개발중 Switch 사용시 아래와 같은 에러가 발생할 때가 있다. import { BrowserRouter, Route, Switch } from 'react-router-dom'; TS2305: Module '"react-router-dom"' has no exported member 'Switch'. 원인 react-router-dom 의 버전이 v6 대에서 Switch 에서 Routes 로 변경되어 발생한다. 해결법 Routes 를 사용한다. import { BrowserRouter, Route, Routes } from 'react-router-dom';
-
Github Pages 에서 배경 또는 이미지 안나올때 해결법Git 2023. 1. 31. 22:27
Github pages 를 이용하여 정적 웹사이트를 구동할때 로컬에서는 잘 나오는 이미지가 나오지 않는 경우가 있다. 대부분의 경우는 경로가 잘못되어 발생한다. 아래와 같이 되어있는경우가 많은데 이경우 이미지를 찾지 못한다. background-image: url("/images/bg.jpg"); 왜나하면 절대 경로인 경우 프로젝트의 가장 높은 디렉토리 경로이기 때문에 아래와 같은 경로에서 찾게 되어 존재하지 않는다. https://id.github.io/images/bg.jpg 따라서 해당 경로를 상대경로로 바꾸면 해결된다. background-image: url("./images/bg.jpg");