코딩/오류 모음집 (14) 썸네일형 리스트형 맥북에서 zsh: command not found: pip 오류 해결하기 맥북에서 아나콘다를 이용해 가상환경을 생성한 후 원하는 라이브러리를 설치하고자 pip 명령어를 사용했는데 아래와 같은 오류가 발생했다. 가만히 생각해보니 zsh를 설치할 때 파이썬 path 설정도 안해줬던 것 같아서 이번엔 python 명령어를 입력해보니 마찬가지로 오류가 발생했다. 문제를 해결하는 방법은 zsh 설정에 python의 path를 추가해주면 된다. 먼저 아래 명령어를 입력해서 python의 위치를 알아내야한다. which python3 그럼 이렇게 python의 경로가 출력된다. 이제 zsh의 설정을 수정하러 갑시다. 아래 명령어를 입력하면 zsh 설정파일을 편집할 수 있다. nano ~/.zshrc 설정파일의 가장 하단에 아래와 같이 경로 설정을 해준다. # python path 부분은 .. 맥에서 github 클론 할 때 remote: support for password authentication was removed on 날짜 오류 발생 해결하기 데스크탑 켜기가 귀찮아서 맥북을 켜고 프로젝트 클론을 했는데 오랜만에 켜서인지 유저 인증이 만료되었다는 오류가 발생했다. remote : support for password authentication was removed on August 13, 2021 아마도 내가 21년 8월 21일에 생성했던 인증 정보가 없어졌나보다ㅎ 이 상태에서 다시 클론을 시도하면 username for 'http://github.com' : 라는 메시지가 뜬다. 이때 깃허브의 로그인 ID를 입력하면 안되고 말그대로 username을 입력해야 하는데 깃허브에서 profile 페이지에 들어가면 브라우저 주소에 위와 같이 github.com/{username} 형태의 주소가 보인다. 위 이미지에서 검게 칠한 부분에 여러분의 use.. ReactJS + Spring Content-Type is not supported 오류 해결 'application/json', 'application/octet-stream 노트북 생활을 청산하고 데스크탑으로 돌아왔다. 노트북에서 인텔리제이를 돌리면 발열과 배터리가 감당이 안돼서 어쩔 수 없이 NestJS를 이용해서 테스트를 진행했는데 데스크탑에서는 인텔리제이랑 VSCode랑 크롬이랑 이것저것 다 띄워도 문제가 없기 때문에 이제 가내수공업으로 만든 NestJS 서버는 치워두고 팀원들이 만든 Spring 서버를 사용해서 테스트를 진행할 수 있게 되었다. 그동안은 NestJS에서 테스트한 코드를 test 브랜치에 머지하면 팀원들이 pull 해서 직접 테스트를 진행하고 오류를 캡쳐해서 보내줬었는데 이제 직접 테스트하고 수정할 수 있게 되어서 능률이 많이 올랐다. 오늘 처음으로 테스트해본 내용은 채팅방 생성 기능이다. 우리 프로젝트에서는 채팅방 생성 시 채팅방 제목과 썸네일을 PO.. React Hook useEffect has a missing dependency 오류 해결하기 리액트 앱을 실행했는데 갑자기 이런 오류가 발생했다. 이게 뭔데... 검색해보니 useEffect에서 데이터를 렌더링 하는데 그 데이터가 useEffect 외부에 존재할 경우 발생한단다. 사실 뭔 말인지 잘 모르겠다... 사실 오류 메시지도 아니고 경고 메시지라서 리액트 앱 실행에는 큰 문제가 없기 때문에 개발과정에서는 신경 안써도 되지만 그래도 문제가 생겼으면 해결은 해봐야지 싶어서 이것저것 시도해봤다. 그 중에서 제일 효과적이었던 방법이 eslint를 무시하도록 코드를 작성하는 것이었다. 리액트는 친절해서 어떤 파일의 몇번째 줄에서 문제가 발생했는지 다 알려준다. 위 이미지에서는 musiccontroller.js 파일의 38번째 줄에서 문제가 생겼다고 알려줬다. 그럼 우리는 37번째 줄에 아래 코드를.. react에서 axios 사용 시 404에러 해결 방법 react에서 axios를 이용해 nest 서버로 요청을 보냈는데 난데없이 404 에러가 발생했다. 404 에러는 클라이언트인 리액트가 요청한 페이지를 찾을 수 없을 때 발생하는 에러이고, 내 경우는 URL을 잘못 기입해서 발생했다. 지금 진행중인 프로젝트를 위해서 테스트용 백엔드 서버인 nest 서버를 개발했고 실제 서버인 스프링 부트 서버를 팀원들이 개발중이다. 그런데 테스트용 서버가 실제 서버보다 먼저 만들어졌기 때문에 부득이 서버에 데이터를 요청하는 URL이 테스트 서버와 실제 서버에서 달랐고, 해당 부분을 조금씩 수정해나가고 있는 상황이다. 지금 nest 서버에서는 /feed 경로로 get 요청을 해야 정상적으로 데이터를 반환해줄 수 있는데 react 앱에서 /sns 경로로 get 요청을 하도록.. 리액트로 서버와 통신할 때 network error 해결 방법(feat : CORS에러) react에서 axios를 이용해 nest서버로 요청을 보냈는데 network error가 발생했다. 에러의 종류는 CORS 에러였는데 간단하게 CORS에 대해 알아보자면 CORS는 Cross Origin Resource Sharing의 약자다. 한글로는 교차 출처 리소스 공유라고 부르는데 여기서 Origin에 주목할 필요가 있다. origin은 protocol, hostname, port의 집합이다. 예를들어 http://localhost:3000이 프론트 주소고 http://localhost:8080이 백엔드 주소라면 이 둘은 protocol이 http로 동일하고, hostname이 localhost로 동일하지만, port는 3000과 8080으로 서로 다르다. 그렇기 때문에 프론트와 백엔드 서버는 .. 이 시스템에서 스크립트를 실행할 수 없으므로 어쩌구 .ps1 파일을 로드할 수 없습니다. 오류 해결 방법 원래는 데스크탑에서 작업을 했었는데 한동안 노트북을 쓸 일이 생겨서 간단한 세팅을 마치고 노트북에서 작업을 했다. 작업 도중 nest cli를 사용할 일이 생겨서 nest cli를 설치하고 crud를 생성해주는 명령어를 실행했는데 아래와 같 오류가 발생했다. 처음에는 VSCode의 터미널 권한 문제인가 싶어서 윈도우에서 직접 관리자 권한으로 터미널을 실행 후 nest 명령어를 실행했는데 여전히 오류가 해결되지 않았다. 오류의 원인은 스크립트의 실행 권한이 제한되어 있기 때문이라는데 해결 방법은 스크립트 실행 권한을 부여하면 되었다. 아래 과정을 따라하면 쉽게 해결할 수 있다. 먼저 powershell이나 터미널을 관리자 권한으로 실행한다. 이후 터미널에 아래 명령어를 입력한다. Set-ExecutionP.. 리액트에서 axios로 POST 요청할 때 401 오류 해결 후기(feat : object형 데이터 사용 오류) ReactJS와 NestJS를 이용하여 프로젝트를 제작중인데 로그인 기능 구현 도중 오류를 만났다. axios를 이용해 id정보와 password 정보를 서버로 post 했는데 브라우저에서 401 오류를 반환한 것이다. 오류 해결을 위해서 구글링을 진행했고 이런 저런 해결 방법들을 찾아 시도해보았지만 해결이 불가능했다. 1시간 가량을 삽질하던 중 object형 데이터에서 key와 value가 같다면 value만 적어도 된다는 글을 발견했다. // 이 코드를 let body = { username: id, password: password }; // 이렇게 바꿀 수 있다. let body = { id, password }; 참고로 로그인관련 코드를 구글링하면서 만들고 있었는데 내 원래 코드는 아래와 같았다.. 이전 1 2 다음
