84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
새 Google 로그인을 통합하기 위해 Google에서 제공한 지침을 따랐습니다. Google에서 제공하는 코드 생성기를 사용하여 HTML을 만들었습니다.
여기에 전체 코드를 첨부했습니다
페이지를 처음 렌더링할 때 훌륭하게 작동합니다.
Command+R를 사용하거나 브라우저에서 새로고침 아이콘을 클릭하여 페이지를 새로 고치면 로그인 버튼이 사라집니다.
Command+R
이제 Javascript를 사용하여 구성 요소를 만들고 여기에 답변을 추가했습니다.
저는 app.d.ts
app.d.ts
로그인 버튼용 svelte 구성 요소를 만들기 위해 svelte 파일을 만들었습니다
onMount
이 코드는 초기 렌더링, 하드 다시 로드(Command+shift+R) 및 다시 로드(Command+R)에서 작동합니다.
SvelteKit을 사용하면 하드 리로딩이 서버 측에서 렌더링됩니다. 코드가 이와 호환되지 않거나 잘못된 순서로 실행될 수 있습니다.
콘솔에서 오류를 확인하고 클라이언트에서 실행해야 하는 코드를 onMount.您还可以使用 ssr 페이지 옵션 최후의 수단으로 특정 페이지에 대한 서버 측 렌더링을 끄세요.
ssr
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이제 Javascript를 사용하여 구성 요소를 만들고 여기에 답변을 추가했습니다.
저는
에서 google을 전역 변수로 선언했습니다. 으아아아app.d.ts로그인 버튼용 svelte 구성 요소를 만들기 위해 svelte 파일을 만들었습니다
으아아아onMount
으아아아이 코드는 초기 렌더링, 하드 다시 로드(Command+shift+R) 및 다시 로드(Command+R)에서 작동합니다.
SvelteKit을 사용하면 하드 리로딩이 서버 측에서 렌더링됩니다. 코드가 이와 호환되지 않거나 잘못된 순서로 실행될 수 있습니다.
콘솔에서 오류를 확인하고 클라이언트에서 실행해야 하는 코드를
onMount.您还可以使用ssr페이지 옵션 최후의 수단으로 특정 페이지에 대한 서버 측 렌더링을 끄세요.