양군의 행복한 이야기

FastApi로 백엔드를 하고NextJs로 프론트로 하여 토이프로젝트를 하고 있다. 그런데 jwt토큰을 Header의 Authorization으로 key값으로 하여 응답으로 전달했으나프론트에서는  undefine으로 보이지 않았다. 백엔드에서 로그를 찍어보면 잘 전달 하고.... 고민이 시작되었다. 나가는데 왜 못받는거니.... 이유는 CORS .... 해결법app.add_middleware(    CORSMiddleware,    allow_origins=origins,    allow_credentials=True,    allow_methods=["*"],    allow_headers=["*"],    expose_headers=["Authorization"] )  깔끔히 해결 이건 gpt도 안알..

TypeScript, NextJs, React 개발시 Input에 한글 입력 후 Enter로 이벤트처리시 이벤트가 두번 발생되는 현상이 나타났다. const msgEventHandler = (event: KeyboardEvent) => { let msgInput = event.target as HTMLInputElement; if (event.code === "Enter") { event.preventDefault(); console.log("input msg", mbox.msgInput); } 위의 코드로 개발시Enter를 입력 할때마다 input msg 입력값 input msg 입력값 이렇게 되었다. 원인 한글은 영문과 숫자와는 다르게 Key Event가 하나의 문자가 아니다. 예를 들어 "한"이란 ..

개발중 브라우져 개발자 모드 콘솔창에 Warning: Extra attributes from the server: monica-locale,monica-version,monica-id......... 오류가 발생되었다. 난 수정을 한게 없는데............. 구글에 검색을 했더니 산타모니카 관련 자료만 ㅡㅡ;;;; 빙쳇에 문의를 했더니 혹시 브라우져에 플러그인 설치 했니라고 답을 줬다.. chat gpt관련 플러그인을 설치한걸 어찌 알고... 최근 설치한 플러그인을 지우고 다시 하니.. 해결..... Warning: Warning: Extra attributes from the server: monica-locale,monica-version,monica-idExtra attributes from..