양군의 행복한 이야기

스벨트로 토이 프로젝트를 개발중 콘솔창에서 오류가 발생되었다.content.js:9 Uncaught TypeError: Cannot read properties of undefined (reading 'target')at content.js:9:528113어디서 발생되는지 도무지 알수가 없었다.삽질에 삽질을 거듭 하던 중 찾았다.크롬의 DeepL의 확장 프로그램을 종료 시키지 오류가 멈췄다.아 내 시간이여...

환경vitejs, sveltkit내용env로 api key값을 저장후 사용 하는곳에서 읽어 조회를 하였다.API_KEY = "dskdosdlfkjisdlfkjXXXXXXXXXXXXXXXXXX" const serviceKey = import.meta.env.API_KEY; console.log(serviceKey);결과는 undefined ........코파일럿님은 dotenv를 설치 해서 써라....야 내가 알기엔 vite환경에선 dotenv는 기본 포함 되어 있단말이다. 헛소리 말아라 하며구글님께 헬프를 요청 하였다. vitejs sveltekit env 사용구글님은 링크 하나를 던져 주셨다.vitejs env내용을 읽다가 한줄이 눈에 들어왔다.VITE_를 접두어로 사용해야 한다. VITE_PI_K..

SveltKit에서 +page.server.js파일로 DB를 조회 할수 있다.그러나 모든 page마다 각각 조회로직을 사용하면 개발자로서 용납을 할수 없다.그리하여 +server.js 파일을 만들고 그안에다가 API 통합하여 조회 로직을 한쪽으로 몰아서 정리를 하려고 하여 코드를 만들었다./routes/api/+server.jsimport { json } from '@sveltejs/kit';import { supabase } from '$lib/util/supabaseClient';export const GET = async ({ url }) => { console.log('Starting get function...'); const id = url.searchParams.get('id'); const..

설치npm i -D sass svelte-preprocess설정 변경import adapter from "@sveltejs/adapter-auto";import preprocess from "svelte-preprocess"; 사용

align-content just works!  지원 버전 Chrome 123, Firefox 125, Safari: 17.4이상

Svelte환경에서 컴포넌트의 테스트 코드를 작성하던 중 내부의 값이 변경 안 되는 현상이 있었다. 테스트 진행서 props로 전달 받은 자료는 외부에서 변경을 해도 컴포넌트로 전달이 안된다고 Copilot이 알려줬다. 해결 방법은 변경된 자료를 컴포넌트에 다시 넣어주는 거다.     const { getByRole, component } = render(Componentard, {       props: {        parentsInfo: parentsInfo,        changeFunc: changeFunc,      },    });    component.$set({ parentsInfo : parentsInfo });            Component.svelte {paren..

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도 안알..

bcrypt를 사용해서 해쉬를 하려고 할때 예시코드from passlib.context import CryptContextpwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")pwd_context.hash('test')  아래와 같이 오류가 발생한다.(trapped) error reading bcrypt versionTraceback (most recent call last): File "~~~~~~~\.venv\Lib\site-packages\passlib\handlers\bcrypt.py", line 620, in _load_backend_mixin version = _bcrypt.__about__.__version__ ..