SvelteKit - Loading data 문서 요약
SvelteKit load 정리[1] 타래 🧵
[1] client-side navigation 기준
1️⃣ server load 함수들은 병렬적으로 실행된다. 그리고 그 반환값이 합쳐져 하나의 HTTP 응답으로 돌아온다.
2️⃣ +page.ts, +layout.ts에서는 sibling server load 함수의 반환값을 data 속성을 통해 활용할 수 있다.
(이어서)
3️⃣ +page.svelte, +layout.svelte 컴포넌트에선 silbling, parent load 함수들의 반환값을 **모두** 활용할 수 있다.
4️⃣ await parent()는 load 함수에서 상위 load 함수들의 반환값이 필요할 때 활용한다. 병렬 실행을 막고 waterfall을 야기하므로 주의해서 사용해야 한다.
(이어서)
CSRF 막기: Origin 헤더, SameSite 쿠키
HTTP 요청의 Origin 헤더 값을 살펴보고, 추가적으로 인증 관련 Cookie에 SameSite=strict를 설정해 CSRF를 방지할 수 있다.
물론 <form> 제출에 Origin을 포함하지 않거나 SameSite 속성을 지원하지 않는 클라이언트도 있으므로 별도로 대비해야 한다.
github.com/sveltejs/kit/issues/72#issuecomment-927143506
VS Code 설정값 (User, Workspace)
날 잡고 정리한 VS Code settings.json 파일
- 저장할 때 format, import 정렬
- Prettier로 포맷 (일부 설정 변경)
- Tab으로 들여쓰기 (2 공백 너비)
- LF 줄바꿈, 파일 끝에 빈 줄 추가
- Sticky Scroll 활성화
- 터미널 세션 비활성화
대체 텍스트 또는 Gist 참고 gist.github.com/hyunbinseo/7704f9538767c694800d0a46315b2254 twitter.com/hyunbinseo97/status/1613748384980144128
의존성 보안 문제와 패키지 업그레이드
TL;DR: 라이브러리의 의존성에 보안 문제가 생겼다고 해서 라이브러리를 업데이트해야 하는 건 아니다. package-lock.json 파일만 수정해도 되는 경우가 있다.
eslint-plugin-import
- tsconfig-paths
- json5: ^1.0.1
json5 1.0.1에 보안 문제가 발생한 상황 (이어서)
github.com/import-js/eslint-plugin-import/issues/2649#issuecomment-1371179065
PK 값으로 조회할 때 maybeSingle 활용하기 - Supabase
Supabase의 .single()은 반환값이 1개가 아닐 경우 error를 반환한다. .limit(1)을 활용할 수 있다.
const { data, error } = await supabase
.from('countries')
.eq('id', 326)
.single();
if (error) throw error;
data; // PK 값이 326인 국가가 반드시 있음
supabase.com/docs/reference/javascript/single
Google Workspace 요금제 변경
Google Workspace 체험판은 Business Standard (월 $12) 요금제로 제공됩니다. Starter (월 $6) 요금제로 변경하려면 다음 메뉴에 접속합니다. (이어서)
관리 콘솔 - 결제 - 더 많은 서비스 사용하기 - (카테고리) Google Workspace - Business Starter 체험판 시작
admin.google.com/ac/billing/catalog
