[Kakao API] because the scheme does not have a registered handler.
2024. 11. 6. 12:40
개발/Error note
공유하기 버튼을 눌렀는데 콘솔에 해당 오류가 떴다. 상태코드는 200 이었다. 엥 이게뭐지 하고 해당오류를 구글링 해봤다. 카카오 개발자센터 Dev Talk에 이미 해당 이슈에 대한 답변이 달려있었다. 놀랍게도 개발자모드를 모바일 환경으로 설정해놔서 뜨는 오류였다.해당 설정을 꺼주고 PC화면으로 보니 짜잔 팝업이 제대로 뜨고 카카오톡 전송까지 됐다~ 참고 - https://devtalk.kakao.com/t/scheme-does-not-have-a-registered-handler/112757
VSCode에서 파이선 코드 포맷팅하기
2024. 10. 8. 23:53
개발/Install, setting, etc
설치를 하고 ctrl+,를 누른후 "editor.defaultFormatter": "esbenp.prettier-vscode", "[python]": { "editor.formatOnSave": true, "editor.defaultFormatter": "ms-python.black-formatter" }, "[javascript]": { "editor.formatOnSave": true }, 하고 껐다 켰다. 위 설정은 자바스크립트에서는 프리티어, 파이선에서는 black-formatter를 쓰겠다는 설정이다. 그래도 적용이 안되면 alt + shift + 8 을 눌러서 기본 포맷터 세팅을 하시겠습니까? 팝업창에서 확인버튼을 눌러주면된다.
[Javascript] RTKQ(RTK 쿼리) 에서 세션인증 추가하기
2024. 9. 26. 07:57
개발/Javascript
현재 하고 있는 프로젝트에서 (사주타로말고 헿) Redux Toolkit의 RTK Query를 사용하여 API 요청들을 처리하고있다.클라이언트 요구사항으로 인증을 추가해달라는게 있어서 리프레시토큰과 엑세스 토큰을 사용하여 요청들을 보호하도록 코드를 만들었다.이거슨 다음에 또 RTKQ를 사용해서 인증할 때 참고할 수 있도록 찌는 포스팅1. 기본 fetchBaseQuery 설정먼저, RTK Query에서 API 요청을 처리하기 위해 fetchBaseQuery를 사용하여 기본 쿼리를 설정한다.fetchBaseQuery는 API 요청을 단순화하고, 일관된 설정을 제공하는 데 유용한 도구로써, 해당 설정은 요청 헤더에 인증 토큰을 추가하고, 표준 요청 헤더를 설정하여 요청의 일관성과 보안을 보장하게 도와준다.//..
[React] Error: Rendered fewer hooks than expected. This may be caused by an accidental early return statement.
2024. 9. 17. 16:06
개발/Error note
로그인 할때 오류가 발생했다. 오류내용은 예상된 훅보다 적은 훅이 랜더링됐고 실수로 일찍 반환된 훅이 있다는 오류였다. 기존코드/** * 'EID_AUT' 쿠키가 있는지 확인하여 사용자가 로그인 상태인지 확인합니다. * 쿠키가 있는 경우 사용자를 '/preview' 페이지로 리디렉션합니다. */const checkLoggedIn = () => { const cookie = getCookie('EID_AUT') const U_IF = localStorage.getItem('U_IF') if (cookie && U_IF) { return true } else { return false }}if (checkLoggedIn()) { return }useLayoutEffect(() => {..
[Vercel] React - vite 를 사용한 프로젝트에 serverless function 추가하기
2024. 9. 11. 19:26
개발/Javascript
프로젝트를 만들고 있는데, gpt 토큰과 회원가입 기능이 생기기 전까지는 서버리스 api만으로도 충분할 것같았다.(쓰다보면 플랫폼은 옮기더라도.. 서버리스로 계속 해도 되지않을까 라는 생각도 하고있긴....함 헿) vercel로 배포할때 serverless function 사용하다가 헤매가지고.. 기록용으로 적어둔다 설정방법1. 루트 폴더안에 api 폴더를 생성한다. 나는 최상위가 CHAT-ASTROLOGY폴더고 하위에 backend랑 frontend가 있는 레포지토리 구조라서 frontend 아래에 api폴더를 생성했다. backend를 lambda로 따로 배포하려다가 vercel에 한꺼번에 할 수 있다고 해서 수정하게되었다. // api/fortune/result/[id].jsimport { ..