에러핸들링 Access to XMLHttpRequest at ... from origin ... has been blocked by CORS policy: Response to preflight request doesn't pass access control check: 이는 서버측에 auth code를 전달하기 위해 axios.post 요청에서 withcredentials: true 설정을 해 준 것 때문이었는데 좀 더 자세한 이유를 보고자 한다.(위의 cors 에러 때문에 아래의 post 요청도 에러가 나는 것을 확인할 수 있었다. 예비 요청에 대한 응답이 access control check 과정을 통과하지 못했다는 뜻이다. 응답 메세지에 있는 Acce... 에러핸들링에러핸들링 CSS flexbox Error: flex-grow 속성과 flex-basis 값 설정의 중요성 레이아웃을 짜던 중에 다음과 같이 엣지가 맞지 않는 현상이 생겼다. section 1,2의 세로 길이 합과 section 4의 세로 길이를 모두 같게 하고 싶어서, flex 속성을 다음과 같이 잡았었는데 이와 같은 결과가 나온 것이다. 분명히 부모컨텐트의 세로 너비는 모두 같았기 때문에, flex-grow 속성을 잡아주면 비율이 꼭 들어맞을 것이라고 생각을 했었다. 유어클래스 내용을 읽어보니... 에러핸들링에러핸들링 반복문 문제 해결 방법 간단한 반복문이라면 그냥 쉽게 쓸 수 있다. 나는 처음부터 머리가 좋은 사람도 아니고, 수학도 수능에서 겨우 3등급을 받았다. 나와 같은 보통의 사람들은 알고리즘(반복문)을 바로 짜는 것이 쉽지 않기 때문에 하나씩 수를 대입하고, 그 수에 대해서 어떤 결과가 나오고, 그것을 여러 번 반복하여 일정한 패턴을 찾아내는 방식으로 문제를 푸는 방식이 좋다고 생각한다. 작게 작게 단계를 쪼개는 것이다... 에러핸들링에러핸들링 useState에 같은 값이 들어와도 리렌더링하기 오늘 차트를 작성하다가 데이터가 안들어올때, interval로 데이터를 찍어주고 싶었는데, 작동을 하지 않아서 서칭으로 해결했고, 기록을 남겨두려고 한다. useState를 사용했을 때 참조값일 경우 같은 주소를 바라보면 값이 변했다는 인식을 못하고 리 렌더링을 하지 않는다는 것이다. 처음에는 아래와 같이 작성했다. 해결 해결 방법은 같은 다른 값이라는 것을 react에게 알려주기 위해 구조... 에러핸들링ReactuseStateReact 엔터키 이벤트에서의 리렌더링 문제 해결하기 이 부분에서 스프린트를 진행하다가, 테스트 통과는 완료가 되었는데, 기능이 원하는 대로 실행이 안되었다. 원하는 기능 1) 글자를 입력한다 2) 엔터키를 누른다: 글자를 하나 이상 입력하고, 엔터키를 눌렀을 때만 태그가 추가되어야 한다. 내가 구현한 기능 1) 글자를 입력한다 2) 엔터키를 누른다: 엔터키를 눌렀다 뗐을 때 바로 화면에 태그가 추가가 안되었다. 이후 다른 알파벳 키를 눌렀을 ... 에러핸들링useStateuseState 탭 메뉴 만들기: 클릭 시 기능적 에러 해결 선택된 탭에만 스타일이 새로 적용되는 것 까지는 잘 구현했지만, 하나가 선택된 상황에서 다른 탭을 선택하려고 할 때 두번 클릭해줘야 하는 현상이 일어났다. -주어진 배열의 인덱스와, 현재 선택된 인덱스가 동일해야 하며, -isSelected의 값이 true여야 한다(선택된 상태여야 한다) 2) 선택되어서 파란색으로 표시된 탭은 위 두 조건을 모두 만족하고 있는 상태이다. 다른탭은 클래스가 s... 에러핸들링에러핸들링 방향그래프 순회 에러로그: indexOf의 함정 방향 그래프를 DFS로 순회하면서 특정 정점에 도달할 수 있는지에 대한 문제를 풀었다. 맨 처음에 작성한 코드는 다음과 같다. -그래프를 입력받은 정점에서 순회하며 갈수있는 모든 정점을 배열에 저장한다. 어제 복습을 하면서, 조금 다르게 풀어보려고 했다. 같은 DFS방식을 사용하되, 기존에 내가 노션에 정리해 둔 코드를 이용해서 풀어보기로 했다. 위의 코드는 일반적인 for문을 사용해서 조금... 자료구조그래프에러핸들링DFSDFS [vercel] deploy npm ERR! Incorrect or missing password. statesAirLine client 배포 중 아래와 같이 에러가 발생했다. 로그인과 토큰 관련 내용이어서 를 보고 똑같이 진행(내 이름 디렉토리에 있는 .npmrc 파일 삭제 후 진행)했지만 여전히 해결되질 않아서, 터미널 에러 메세지를 다시보기로했다. 에러메세지를 보니, 나는 로그인이 아닌 배포를 진행하는 과정 중에 있었기 때문에, 내가 save한 인증파일?토큰?이 유효기간이 지났을수도 ... 에러핸들링에러핸들링 Unexpected dangling '_' in '_id' 어떤 에러인가요? axios요청을 통해 res.data에 담겨있는 _id를 사용할 일이 필요한데 eslint에 의해서 _id가 제한되는 에러 에러 메시지 에러 핸들링 방법 아래 코드를 해당파일 제일상단에 써주면 된다! 에러 핸들링을 위해 참고한 레퍼런스 링크... 에러핸들링airbnbESLintESLint
Access to XMLHttpRequest at ... from origin ... has been blocked by CORS policy: Response to preflight request doesn't pass access control check: 이는 서버측에 auth code를 전달하기 위해 axios.post 요청에서 withcredentials: true 설정을 해 준 것 때문이었는데 좀 더 자세한 이유를 보고자 한다.(위의 cors 에러 때문에 아래의 post 요청도 에러가 나는 것을 확인할 수 있었다. 예비 요청에 대한 응답이 access control check 과정을 통과하지 못했다는 뜻이다. 응답 메세지에 있는 Acce... 에러핸들링에러핸들링 CSS flexbox Error: flex-grow 속성과 flex-basis 값 설정의 중요성 레이아웃을 짜던 중에 다음과 같이 엣지가 맞지 않는 현상이 생겼다. section 1,2의 세로 길이 합과 section 4의 세로 길이를 모두 같게 하고 싶어서, flex 속성을 다음과 같이 잡았었는데 이와 같은 결과가 나온 것이다. 분명히 부모컨텐트의 세로 너비는 모두 같았기 때문에, flex-grow 속성을 잡아주면 비율이 꼭 들어맞을 것이라고 생각을 했었다. 유어클래스 내용을 읽어보니... 에러핸들링에러핸들링 반복문 문제 해결 방법 간단한 반복문이라면 그냥 쉽게 쓸 수 있다. 나는 처음부터 머리가 좋은 사람도 아니고, 수학도 수능에서 겨우 3등급을 받았다. 나와 같은 보통의 사람들은 알고리즘(반복문)을 바로 짜는 것이 쉽지 않기 때문에 하나씩 수를 대입하고, 그 수에 대해서 어떤 결과가 나오고, 그것을 여러 번 반복하여 일정한 패턴을 찾아내는 방식으로 문제를 푸는 방식이 좋다고 생각한다. 작게 작게 단계를 쪼개는 것이다... 에러핸들링에러핸들링 useState에 같은 값이 들어와도 리렌더링하기 오늘 차트를 작성하다가 데이터가 안들어올때, interval로 데이터를 찍어주고 싶었는데, 작동을 하지 않아서 서칭으로 해결했고, 기록을 남겨두려고 한다. useState를 사용했을 때 참조값일 경우 같은 주소를 바라보면 값이 변했다는 인식을 못하고 리 렌더링을 하지 않는다는 것이다. 처음에는 아래와 같이 작성했다. 해결 해결 방법은 같은 다른 값이라는 것을 react에게 알려주기 위해 구조... 에러핸들링ReactuseStateReact 엔터키 이벤트에서의 리렌더링 문제 해결하기 이 부분에서 스프린트를 진행하다가, 테스트 통과는 완료가 되었는데, 기능이 원하는 대로 실행이 안되었다. 원하는 기능 1) 글자를 입력한다 2) 엔터키를 누른다: 글자를 하나 이상 입력하고, 엔터키를 눌렀을 때만 태그가 추가되어야 한다. 내가 구현한 기능 1) 글자를 입력한다 2) 엔터키를 누른다: 엔터키를 눌렀다 뗐을 때 바로 화면에 태그가 추가가 안되었다. 이후 다른 알파벳 키를 눌렀을 ... 에러핸들링useStateuseState 탭 메뉴 만들기: 클릭 시 기능적 에러 해결 선택된 탭에만 스타일이 새로 적용되는 것 까지는 잘 구현했지만, 하나가 선택된 상황에서 다른 탭을 선택하려고 할 때 두번 클릭해줘야 하는 현상이 일어났다. -주어진 배열의 인덱스와, 현재 선택된 인덱스가 동일해야 하며, -isSelected의 값이 true여야 한다(선택된 상태여야 한다) 2) 선택되어서 파란색으로 표시된 탭은 위 두 조건을 모두 만족하고 있는 상태이다. 다른탭은 클래스가 s... 에러핸들링에러핸들링 방향그래프 순회 에러로그: indexOf의 함정 방향 그래프를 DFS로 순회하면서 특정 정점에 도달할 수 있는지에 대한 문제를 풀었다. 맨 처음에 작성한 코드는 다음과 같다. -그래프를 입력받은 정점에서 순회하며 갈수있는 모든 정점을 배열에 저장한다. 어제 복습을 하면서, 조금 다르게 풀어보려고 했다. 같은 DFS방식을 사용하되, 기존에 내가 노션에 정리해 둔 코드를 이용해서 풀어보기로 했다. 위의 코드는 일반적인 for문을 사용해서 조금... 자료구조그래프에러핸들링DFSDFS [vercel] deploy npm ERR! Incorrect or missing password. statesAirLine client 배포 중 아래와 같이 에러가 발생했다. 로그인과 토큰 관련 내용이어서 를 보고 똑같이 진행(내 이름 디렉토리에 있는 .npmrc 파일 삭제 후 진행)했지만 여전히 해결되질 않아서, 터미널 에러 메세지를 다시보기로했다. 에러메세지를 보니, 나는 로그인이 아닌 배포를 진행하는 과정 중에 있었기 때문에, 내가 save한 인증파일?토큰?이 유효기간이 지났을수도 ... 에러핸들링에러핸들링 Unexpected dangling '_' in '_id' 어떤 에러인가요? axios요청을 통해 res.data에 담겨있는 _id를 사용할 일이 필요한데 eslint에 의해서 _id가 제한되는 에러 에러 메시지 에러 핸들링 방법 아래 코드를 해당파일 제일상단에 써주면 된다! 에러 핸들링을 위해 참고한 레퍼런스 링크... 에러핸들링airbnbESLintESLint