드디어 리액트 앱을 깃헙 페이지에 배포했다. 배포 과정은 어렵지 않았으나 내부에 http 가 있어 보안 오류 때문에 여러번 수정해야 했다. 그리고 나서 보니 배포는 되었는데 주소로 들어가면 아무것도 보이지 않는 빈 화면이 나온다. 찾아보니 대부분 BrowserRouter 를 쓰는 사람들이다. react github page blank page 로 검색해보니 참고할 만한 스택오버플로우는 다음과 같고 https://stackoverflow.com/questions/54427793/getting-blank-page-after-react-app-publish-in-github Getting blank page after react app publish in github My steps are: npm run b..

api 모듈을 모아둔 컴포넌트에서 export - import 해온 함수를 쓰려고 하니 다음과 같은 에러가 떴다. Attempted import error: '경로' does not contain a default export 이 경우는 export default로 해당 컴포넌트에서 default 로 내보낸 함수가 아닌 다른 함수들을 그냥 쓰려고 하면 나오는 오류로 import axiosLoginAccount from '../../api/apiCommunicate'; 위와 같이 쓰는 것이 아닌 import { axiosLoginAccount } from '../../api/apiCommunicate'; 위와 같이 쓰면 해당 오류가 발생하지 않는다.

오늘의 error Your branch is ahead of 'origin/main' by 1 commit. 발생현황 기존에 회사 노트북의 로컬 폴더를 통해 git 백업을 진행했는데, 재택근무와 회사 근무를 병행하게 되면서 회사 노트북과 개인 노트북을 둘 다 사용해야 하는 일이 발생했다. 회사에 회사 노트북을 두고 집에 와서 서버에서 파일 받아 쓰려니 (권한 때문에 깃은 백업용으로만 사용 ^^^) 갑작스럽게 깃허브 에러가 발생했다. 번역기를 사용해서 해석해보자면 ! [rejected] main -> main (fetch first) error: failed to push some refs to 'https://github.com/0000/0000.git' hint: Updates were rejected..

오늘의 error 리액트 Expected an assignment or function call and instead saw an expression 할당 또는 함수 호출을 예상했지만 대신 식을 보았습니다. 발생현황 함수에서 return 으로 jsx를 반환할 때 컴포넌트를 감싸는 큰 태그가 없을 때 나타나는 에러이다. 이 경우 return 의 태그들을 div 태그나 Fragment 태그로 감싸주면 된다. 여기서 Fragment 태그는 리액트에서 사용되는 '의미 없는' 태그로 div 처럼 시맨틱적인 의미가 있는 태그를 사용하게 되면 이것을 인식하고 메모리를 사용하기 때문에 반드시 필요한 경우가 아니면 Fragment 태그로 감싸서 처리한다. Fragment 태그는 로 쓰거나 간단하게 로 사용할 수 있다. ..

오늘의 error "parseerror" 발생현황 세션을 인식하고 DB에 회원정보를 업데이트 하는 코드에 문제가 생겼다. 사용자가 로그인을 하자마자 세션 값을 iframe에 넘겨주지 않기 때문에 값이 없어 DB에 undefined가 발생했다. 세션이 있을 때만 해당 업데이트 함수를 실행하도록 위치를 바꿔 주었는데 에러가 발생했고 확인해보니 jqXHR에 "parseerror" 라는 메시지가 떴다. 이 오류를 겪는 대부분의 사람들이 말하는 것은 dataType 오류라는 것. 위의 오류 메시지를 봐도 status는 200인데.... 그래서 ajax에 dataType을 추가해주니까 ajax에서 에러를 받아오지는 않았다. jQuery.ajax({ url: `주소` , type: "GET" , processData..

오늘의 error Uncaught SyntaxError: Unexpected token u in JSON at position 0 발생현황 sessionStorage에 있는 값 받아 사용하기 위해 JSON.parse 하였으나 해당 오류 생성 해결 1. 오타 있는지 확인 2. sessionStorage 가 정상적으로 받아와졌는지 확인 - 나의 경우 iframe에서 session을 사용하면서 세션을 끊어버림... 크롬에서 로그인시 세션 만료 에러 (iframe 때문?) 크롬의 행보와 매번 부딪히게 되네요.. 크롬이 http 를 지양하고, https 를 지향한다는 것은 이미 알려진 사실이구요. 최근에 크롬이 CSRF 를 이유로 iframe 을 사용할 때 세션을 끊어먹는(실제로는 쿠 jsp-making.tist..