ESLint 설정을 하던 중 아예 관련 패키지가 깔리지 않는 에러 때문에 일단 건너 뛰고 개발을 약간 진행했다. 어제 계속 씨름 한 결과 ESLint와 prettier 설정을 드디어 완료 했다. 그런데 실행해 보니 내가 짠 모든 코드에 빨간줄이 떴다.. 전부 ESLint와 Prettier에서 나는 에러들이다. 하나씩 해결해봤다. 1. Replace `↹↹` with `····` 이게 가장 많이 뜬 에러였다. 위 사진에서보다 훨씬 많이 있었는데 알고보니 Prettier에서는 tab을 사용하고, ESLint에서는 space를 사용하여 공백을 구성하기 때문에 충돌이 일어나는 거였다. 간단하게 prettier 설정(.prettierrc)을 아래와 같이 수정해서 해결했다. { "useTabs": false } 2..
# 문제 프로젝트 마무리 단계이다. 디버그 버전으로 모두 잘 돌아가는 것을 마쳤고, 이제 사용자 설문조사 단계를 위해 앱을 배포했는데, 분명 디버그 버전으로는 잘만 작동되던 앱이 작동이 되지 않았다.. 로그를 봐야 할 것 같은데, 이미 빌드된 앱을 어떻게 디버깅 할 수 있을까? # 해결 구글링 결과 간단한 방법을 찾았다. 이번 프로젝트는 안드로이드 환경에서만 진행하기 때문에 adb에서 제공하는 logcat을 사용할 수 있다. 여기서 adb란? Android Debug Bridge로 안드로이드의 실제 기기를 제어하고, 디버깅할 수 있는 commend line tool이다. logcat은 adb에서 제공하는 로그 출력 기능이다. logcat을 사용하려면 1. 일단 기기와 노트북을 연결된 상태에서 2. 아래의..
# 문제 빌드를 진행하던 중 에러가 발생했다. # 해결 createBundleReleaseJsAndAssets FAILED! 구글에 검색해도 나오지 않길래 --info를 이용해서 로그를 보았다. 구글한테 물어보고, 챗gpt한테 물어봐도 모르겠었는데, 로그를 보니 답이 바로 나왔다... 이 전에 시험삼아 react-native-paper를 설치했었는데, 나랑 맞지 않아 다른 ui framework로 바꾸면서 삭제 했다. 그런데 미처 지우지 못한 관련 코드가 남아있었던 것 같다. 위에서 관련된 코드를 삭제했더니 바로 에러 없이 빌드 되었다. # 후기 로그를 잘보자 로그는 중요하다
# 문제 Module AppRegisty is not a registered callable module... 위의 에러는 react native를 사용하면서 가끔 볼 수 있는 에러이다. # 해결 대표적인 해결 방법으로는 node를 kill 하기! 아래와 같이 하면 거의 해결된다. kill -9 node npm start --reset-cache react-native run-android 그런데 위의 방법으로도 해결이 되지 않을 때가 있었다.. 도대체 뭐가 문제인지 모르겠어서 꼼꼼하게 코드를 읽다가 발견한 어이없는 실수! 내가 정의해 놓은 함수 명과 export한 함수 명이 달랐다.. 함수명을 바꿀 일이 있어서 바꾸다가 export 코드까지는 미처 바꾸지 못한 것이다. 혹시 이런 에러가 갑자기 났다면 ..
# 문제 갑자기 스피커가 고장 나는 바람에 노트북을 초기화한 후.. 잘 되던 기기연결에 문제가 생겼다. adb devices 명령어를 입력하면 원래는 연결된 기기가 나타나야 하는데, 분명 기기 연결이 정상적으로 되어 있음에도 불구하고 아래와 같이 아무 것도 나타나지 않는다. 구글링을 하며 여러가지 방법을 시도해 보았지만 결국 해결한 방법은 아주 간단하다. 먼저 내가 시도한 방법들이다. 기기의 개발자 옵션 껐다 키기 기기의 개발자 모드에 USB가 허용되어 있는지 확인 USB옵션이 USB 테더링으로 되어있는지 확인 위의 방법들 중 2번 방법은 만약 기기가 목록에는 떴는데 unauthorized 되어 있다면 해결 방법이 될 수 있다. (하지만 내 경우는 아예 기기가 목록에 뜨지 않았기 때문에 소용이 없었다....
react와 react-native에서는 보통 react-navigation을 사용해서 페이지를 이동한다. 페이지를 이동을 위해서는 로 앱 전체를 감싸고, navigation을 props로 넘겨주며 사용한다. # 문제 현재 진행중인 프로젝트에서 axios intercepter에서 모든 api에 대한 예외 처리를 해줄 일이 생겼다. 모든 api에서 특정 에러가 발생하면 바로 로그인 페이지로 이동을 시켜야 하는데, axios intercepter에서는 navigaion props를 넘겨줄 수 없었다. 이럴 때는 useNavigation 이라는 hook을 이용하면 된다. useNavigation은 screen안에서 navigation props를 return하기 때문에 변수로 받아서 사용할 수 있다. (use..
# 문제 2주간 들어가지 않던 프로젝트에 들어갔더니 갑자기 전체적인 에러가 발생했다. Cannot resolve symbol... 이라는 에러가 여러 개 발생했다. 프로젝트를 껐다 키고, 리로드 해도 해결되지 않는 에러들! 분명 마지막까지 잘 됐는데..? # 해결 구글링을 해보니 여러 방법이 잘 정리된 블로그가 있었다. 나는 여러 방법 중 3번째인 gradle refresh하기로 문제를 해결했다. View > Tool Windows > Gradle에 들어간다. 아래와 같이 화면에 오른쪽 바가 열리면 프로젝트에 마우스 우클릭을 한다. Refresh Gradle Dependencies를 클릭하고 기다린다. # 후기 자주 발생하는 에러라고 하니 해결방법을 알아두는게 좋을 것 같다.
# 문제 orderDao에서 error가 발생했다. 쿼리문이 맞는 것 같은데 에러가 발생한 이유를 모르겠어서 console로 db에 쿼리를 직접 입력해봤더니 쿼리문이 실행되지 않았다. # 해결 알고보니 Order가 예약어 였기 때문에 `역따옴표`나 "큰따옴표"로 감싸주는 처리를 해주어야 했던 것이었다. 쿼리를 바꿔서 실행하니 잘 되었다. # 후기 바로 Dao에 쿼리문을 입력하지 말고, 꼭 sql에서 직접 확인해 본 후에 입력하자! 쿼리문이 틀린지도 모르고 다른 부분 확인하느라 시간이 지체됐다...
# 문제 Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception 에러 발생 # 해결 아무리 구글 검색을 해도 나한테는 맞지 않았다. 디버깅을 시도해도 아예 컨트롤러 첫 줄에 데이터가 들어오지 않아서 디버깅도 소용이 없었다. 에러메세지를 자세히 보았더니 constructor가 없다는 내용이 있었다. 15:28:01.013 ERROR [File:DirectJDKLog.java] [Func:log] [Line:175] [Message:Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Reques..
# 문제 프로젝트를 실행하자 8080번 포트가 이미 사용 중이라는 에러가 났다. Web server failed to start. Port 8080 was already in use. # 해결 cmd에 명령어를 입력해 어떤 process가 8080포트를 사용 중인지 알아내고, 해당 포트를 강제 종료 시켰다. // 어떤 process가 해당 포트를 사용 중인지 알아내기 netstat -ano | findstr [해당 포트번호] // 해당 포트를 사용 중인 process 종료시키기 taskkill /F /pid [종료시킬 process의 pid] # 참고 Web server failed to start. Port 8080 was already in use 에러 발생 (tistory.com) Web serve..
