[코드 스테이츠 / Final-Project] 151일차, "로컬환경에서 에러가 나는지 살펴보고 머지할 것"

key 값 최상단에 주기 

콘솔창에 나는 에러를 없애기 위해서 알아보고 있었다. 발견했던 에러는 key 값을 주지 않았다는 것이다. 밑의 코드를 보면 그 콘솔창에 뜨는 에러를 없애기 위해서 key값을 안 준 곳이 없었다. 그럼에도 저 에러가 발견되는 것이 좀 이상했다. 이것저것 만져보다가 혹시나 싶어 fragment 태그를 div 태그로 바꾼 다음 key 값을 주니 정상적으로 작동했다. 두 번째 스크린 샷에는 DayWrapper 나 BubbleBox 에 key값이 들어가 있지만 현재 내 코드 상에서는 완전히 지워버렸다. 

요고를 아래 거로 변경하니 문제가 나지 않았다

 

배포된 환경 때문에 난 에러인지 로컬에서도 나타나는 에러인지 파악할 것 

 아무래도 로컬 환경에서는 잘 되던게 배포 환경에서는 cors 에러가 종종 나다보니 클라이언트에서 서버로 요청 보내는 때와 서버에서 요청을 받는 때를 기준으로 에러를 찾고 한다. 발생하는 에러는 OAuth 로 로그인 하는 것들이 redirection 된 페이지에서 갑자기 이상하게 로그인 페이지에 들렸다가 메인페이지로 넘어가고 로그아웃 되는 문제였다. 에러를 핸들링하기 위해 열심히 투자한 결과 이 에러는 로컬환경에서도 나타나는 에러라는 게 밝혀졌다. 배포라는 특수한 환경에서 에러가 났다고 생각하니 cors 설정을 다시하고 환경 변수 값을 바꾸고 별의 별 일을 다했는데 알고보니 로컬 환경에서 navigate(-1) 값 이거 하나만 잘못된 것이었다. 만약에 로컬에서 한 번이라도 더 확인을 하고 로직을 구현했다면 겪지 않아도 될 에러였는데 다른 에러들과 겹치면서 이것도 배포된 환경에서 발생한 문제라고 생각하다 보니 이것 때문에 시간이 조금 더 지체되었다