# 에러 핸들링

38개의 포스트

Uncaught SyntaxError: Cannot use import statement outside a module 에러 해결

index.js 파일에 import 구문을 사용한 상태로 html파일에서 script태그에 연결했더니 위 에러가 발생하였다.<script type="module" src="./index.js"></script><script> 태그 내에 type="mod

2022년 10월 27일
·
0개의 댓글
·
post-thumbnail

[JS] 프라미스와 에러 핸들링

then과 catch문을 사용할 시에 then에서는 전달은 성공했을 시 호출되고, catch에서는 에러 발생 시 에러 객체를 출력하는 것반드시 catch문을 사용해서 에러 처리를 해 주어야 한다. 비동기 작업이 여러 개일 시 어디서 예외가 나올지 모를 때에는 p.the

2022년 10월 13일
·
0개의 댓글
·

카카오 소셜 로그인 구현

카카오 로그인을 구현하는 방법 중 REST API를 이용한 방법을 읽고 적용을 시도하였다.프론트엔드에서 로그인 한 후, 카카오 로그인 전용 라우팅으로 이동 시켜 인가코드를 받았다.이 인가코드를 이용하여 카카오 서버로부터 토큰을 발급받았다.이 토큰을 이용하여 현재 사용자

2022년 6월 22일
·
0개의 댓글
·

input에 초기값을 부여할 때 발생하는 적색 콘솔 오류

댓글을 수정하는 상황이다.기존에 작성했던 댓글을 수정하기 위해, 수정 버튼을 누르면 기존의 내용을 불러와 input 태그의 기본값으로 설정하고자 했다.editContent라는 빈 문자열 state를 input의 value로 지정해주었고,수정 버튼을 누를 시 아래처럼 v

2022년 6월 18일
·
0개의 댓글
·

직접 작성한 게시물에서만 편집, 삭제 버튼 보이게 하기

코드를 작성하기 전 세운 로직은 다음과 같다.백엔드에서 게시물 정보에 isMe 컬럼 추가(기본값은 false) xloggedIn.id와 shop의 user의 id가 같으면 isMe를 true로 반환 x그게 아니라면 false 반환 x프론트에서는 해당 변수를 받아와서

2022년 6월 15일
·
0개의 댓글
·

heroku를 이용한 배포 과정 중, node, npm 버전을 명시하지 않아 발생한 에러

heroku와 github 연동 기능이 heroku 측의 내부 서버 문제로 한동안 작동하지 않았었다.오랜만에 heroku에 다시 들어가 깃허브에 연동해보았는데, 해당 문제가 해결이 되어 정상적으로 다시 작동했다.다시 깃허브에 연결하고, 수동으로 지금까지 백엔드 작업했던

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

[번역] 자바스크립트 에러 핸들링 방법

자바스크립트에서 에러 핸들링은 간단하지만 종종 미스테리하고 복잡하게 느껴집니다. 피할 수 없으면 즐기지(?) 말고 핸들링하자! 자바스크립트의 Error 객체, 예외를 발생시키고 핸들링 할 수 있는 방법을 소개합니다 :)

2022년 6월 13일
·
3개의 댓글
·

리스트를 map 한 뒤 아이콘 클릭시 삭제 이벤트가 의도하지 않게 작동되던 오류

리스트를 아래와 같이 map하고, 요소 각각에 onClick 이벤트를 부여해서 선택한 인덱스를 filter 함수를 이용해서 삭제하도록 구현했었다.아래는 삭제하는 함수이다.위에 작성한 내용은 오류를 해결하고 난 뒤의 코드이다. 이전에는 onClick 이벤트를 div가 아

2022년 6월 7일
·
0개의 댓글
·

홈 리스트, 게시물 상세 정보 페이지 간 뒤로가기, 앞으로 가기 시 데이터를 불러오지 못하여 발생한 에러

홈 리스트와 게시물 상세 정보를 확인하고, 뒤로 가기를 하거나 앞으로 가기를 할 시에 'data'를 initiallize 하기 전에 access할 수 없다는 빨간색 콘솔 에러가 발생하였다.홈 리스트에서 상세 페이지, 그리고 상세 페이지에서 홈 리스트로 갈 때 두 경우를

2022년 5월 30일
·
0개의 댓글
·

인피니티 스크롤 구현 시, useEffect의 의존성 배열에 대해

인피니티 스크롤 구현 시, useEffect를 이용하여 화면의 스크롤에 이벤트 리스너를 할당하고, 현재 위치가 브라우저 맨 하단일 시에 추가 쿼리를 요청하는 fetchMore함수를 실행하도록 작성했다.처음에 의존성 배열 자리에 빈 배열을 넣었었다.그러고 나니 이상하게

2022년 5월 27일
·
0개의 댓글
·

S3에서 파일 모두를 삭제할 때, 일부가 삭제가 안되던 문제

S3 내에 존재하는 "uploads/4-1653351673868-book(1).jpeg" 를 삭제해야하는데 콘솔 로그를 찍어보니 uploads/4-1653351673868-book%20%281%29.jpeg 를 삭제하도록 출력되었다.book 뒤에 (1)를 %20%281

2022년 5월 24일
·
0개의 댓글
·

X 버튼 클릭 시, 해당 요소의 id를 인식하지 못하는 에러

map된 해쉬태그들 각각에 x 아이콘이 붙어있다.해당 해쉬태그들 각각에는 id를 속성으로 부여했다.해당 아이콘을 클릭하면, 속성으로 부여받은 id를 이용하여 백엔드에 삭제 요청을 보낸다.하지만 여기서 문제가 발생했다. 아이콘을 클릭해도, 항상은 아니지만 때떄로 백엔드에

2022년 5월 3일
·
0개의 댓글
·

카카오 지도 api의 장소 이름 불러오기를 활용한 자동완성 기능 구현 중 input 첫 글자 입력의 반응이 느리게 나타나던 문제

제목과 같이 input 태그의 value에 검색어를 부여하고, onChange를 통해 검색어에 따라 카카오 api에 쿼리를 보내서 정보를 받아오는 과정을 통해 자동완성 기능을 구현하였다.input 태그 입력 시 첫 글자가 버벅이던 문제가 발생하였다.input 태그에 v

2022년 5월 2일
·
0개의 댓글
·

Warning: This synthetic event is reused for performance reasons. 에러

리엑트 네이티브에서 TextInput에 텍스트를 입력할 때마다 useForm에 setValue를 이용하여 "keyword"값에 입력된 문자열 값을 할당하도록 했다.그리고 이 입력된 값을 useEffect를 이용하여 register에 "keyword"를 입력하였다.그리고

2022년 4월 29일
·
0개의 댓글
·

여러 개의 input 태그에 입력된 값을 하나로 합칠 때

이름이 숫자 1부터 5까지인 동일한 형식의 input 태그가 있다. react hoos form을 이용하였기 때문에 값들을 submit할 때 해당 입력값들의 key는 각각의 숫자로써 data 객체 내 key로 들어가게 된다.추가하지 않은 input 태그가 있을 수 있기

2022년 4월 20일
·
0개의 댓글
·

Apollo client를 이용한 query 재요청

useQuery를 이용하여 서버로부터 받아온 데이터를 배열 state에 갱신하여 렌더링하였다.목록 중 한 요소를 클릭하고, 뒤로가기를 눌러 리스트로 돌아오면 리스트가 정상적으로 출력되지 않고 에러가 발생했다.Apollo client는 여러번 요청을 보내지 않고, cac

2022년 4월 18일
·
0개의 댓글
·

와이드 모니터에서는 잘 보이는데, 13인치 화면에서는 윗 부분이 잘리는 현상

컨텐츠들이 담긴 컨테이너 박스에 overflow:scroll 옵션을 주어도 아무 변화가 없었다.스크롤을 해도 윗부분이 조금 잘렸다.와이드 모니터 기준으로 박스를 정중앙에 위치시키고, 그 박스 안에 정해진 크기(px)의 내용들을 넣다보니 스크롤의 유무와는 관계없이 상대적

2022년 4월 18일
·
0개의 댓글
·

클라이언트에서 서버로 요청을 보낼 때, Failed to parse URL 에러 발생

클라이언트에서 로그인 요청을 보냈는데, Failed to parse URL 에러가 발생하고 네트워크 탭을 보니 요청이 보내지지 않았다.apollo의 uri가 localhost:4000 이 아닌 localhost.4000으로 되어있었다...:( 수정하여 해결하였다.

2022년 4월 18일
·
0개의 댓글
·

배포된 웹 페이지에서 사진이 백엔드를 통해 S3에 업로드 되지 않는 에러

프론트의 apollo client 파일 내부의 upload link uri가 localhost:4000/graphql로 되어있었다. 배포된 백엔드 uri로 수정해준다.다시 업로드하니까, Missing credentials config, if using AWS_confi

2022년 4월 15일
·
0개의 댓글
·