에러핸들링 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... 에러핸들링에러핸들링 반복문 문제 해결 방법 간단한 반복문이라면 그냥 쉽게 쓸 수 있다. 나는 처음부터 머리가 좋은 사람도 아니고, 수학도 수능에서 겨우 3등급을 받았다. 나와 같은 보통의 사람들은 알고리즘(반복문)을 바로 짜는 것이 쉽지 않기 때문에 하나씩 수를 대입하고, 그 수에 대해서 어떤 결과가 나오고, 그것을 여러 번 반복하여 일정한 패턴을 찾아내는 방식으로 문제를 푸는 방식이 좋다고 생각한다. 작게 작게 단계를 쪼개는 것이다... 에러핸들링에러핸들링 useState에 같은 값이 들어와도 리렌더링하기 오늘 차트를 작성하다가 데이터가 안들어올때, interval로 데이터를 찍어주고 싶었는데, 작동을 하지 않아서 서칭으로 해결했고, 기록을 남겨두려고 한다. useState를 사용했을 때 참조값일 경우 같은 주소를 바라보면 값이 변했다는 인식을 못하고 리 렌더링을 하지 않는다는 것이다. 처음에는 아래와 같이 작성했다. 해결 해결 방법은 같은 다른 값이라는 것을 react에게 알려주기 위해 구조... 에러핸들링ReactuseStateReact 엔터키 이벤트에서의 리렌더링 문제 해결하기 이 부분에서 스프린트를 진행하다가, 테스트 통과는 완료가 되었는데, 기능이 원하는 대로 실행이 안되었다. 원하는 기능 1) 글자를 입력한다 2) 엔터키를 누른다: 글자를 하나 이상 입력하고, 엔터키를 눌렀을 때만 태그가 추가되어야 한다. 내가 구현한 기능 1) 글자를 입력한다 2) 엔터키를 누른다: 엔터키를 눌렀다 뗐을 때 바로 화면에 태그가 추가가 안되었다. 이후 다른 알파벳 키를 눌렀을 ... 에러핸들링useStateuseState 탭 메뉴 만들기: 클릭 시 기능적 에러 해결 선택된 탭에만 스타일이 새로 적용되는 것 까지는 잘 구현했지만, 하나가 선택된 상황에서 다른 탭을 선택하려고 할 때 두번 클릭해줘야 하는 현상이 일어났다. -주어진 배열의 인덱스와, 현재 선택된 인덱스가 동일해야 하며, -isSelected의 값이 true여야 한다(선택된 상태여야 한다) 2) 선택되어서 파란색으로 표시된 탭은 위 두 조건을 모두 만족하고 있는 상태이다. 다른탭은 클래스가 s... 에러핸들링에러핸들링 클라이언트 배포자동화 .env파일 추가하는방법 처음엔 add Env란에 있는 것 처럼 echo '변수명=$환경변수명' >> .env 로 했었는데 안되길래 위에처럼 빌드할때 밑에다가 env 로 적어주면 될 것 같아서 해봤더니 되었다. (여기서 중요한건 run위에 env를 설정해줘야 한다는거!)... aws에러핸들링배포자동화aws
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... 에러핸들링에러핸들링 반복문 문제 해결 방법 간단한 반복문이라면 그냥 쉽게 쓸 수 있다. 나는 처음부터 머리가 좋은 사람도 아니고, 수학도 수능에서 겨우 3등급을 받았다. 나와 같은 보통의 사람들은 알고리즘(반복문)을 바로 짜는 것이 쉽지 않기 때문에 하나씩 수를 대입하고, 그 수에 대해서 어떤 결과가 나오고, 그것을 여러 번 반복하여 일정한 패턴을 찾아내는 방식으로 문제를 푸는 방식이 좋다고 생각한다. 작게 작게 단계를 쪼개는 것이다... 에러핸들링에러핸들링 useState에 같은 값이 들어와도 리렌더링하기 오늘 차트를 작성하다가 데이터가 안들어올때, interval로 데이터를 찍어주고 싶었는데, 작동을 하지 않아서 서칭으로 해결했고, 기록을 남겨두려고 한다. useState를 사용했을 때 참조값일 경우 같은 주소를 바라보면 값이 변했다는 인식을 못하고 리 렌더링을 하지 않는다는 것이다. 처음에는 아래와 같이 작성했다. 해결 해결 방법은 같은 다른 값이라는 것을 react에게 알려주기 위해 구조... 에러핸들링ReactuseStateReact 엔터키 이벤트에서의 리렌더링 문제 해결하기 이 부분에서 스프린트를 진행하다가, 테스트 통과는 완료가 되었는데, 기능이 원하는 대로 실행이 안되었다. 원하는 기능 1) 글자를 입력한다 2) 엔터키를 누른다: 글자를 하나 이상 입력하고, 엔터키를 눌렀을 때만 태그가 추가되어야 한다. 내가 구현한 기능 1) 글자를 입력한다 2) 엔터키를 누른다: 엔터키를 눌렀다 뗐을 때 바로 화면에 태그가 추가가 안되었다. 이후 다른 알파벳 키를 눌렀을 ... 에러핸들링useStateuseState 탭 메뉴 만들기: 클릭 시 기능적 에러 해결 선택된 탭에만 스타일이 새로 적용되는 것 까지는 잘 구현했지만, 하나가 선택된 상황에서 다른 탭을 선택하려고 할 때 두번 클릭해줘야 하는 현상이 일어났다. -주어진 배열의 인덱스와, 현재 선택된 인덱스가 동일해야 하며, -isSelected의 값이 true여야 한다(선택된 상태여야 한다) 2) 선택되어서 파란색으로 표시된 탭은 위 두 조건을 모두 만족하고 있는 상태이다. 다른탭은 클래스가 s... 에러핸들링에러핸들링 클라이언트 배포자동화 .env파일 추가하는방법 처음엔 add Env란에 있는 것 처럼 echo '변수명=$환경변수명' >> .env 로 했었는데 안되길래 위에처럼 빌드할때 밑에다가 env 로 적어주면 될 것 같아서 해봤더니 되었다. (여기서 중요한건 run위에 env를 설정해줘야 한다는거!)... aws에러핸들링배포자동화aws