login-appwrite Svelte Themes

Login Appwrite

using svelte kit

Svelte kit에서 appwrite를 이용하여 login 기능 구현

기능

  1. 로그인
  2. 회원가입
  3. 로그아웃
  4. 로그인 세션 유지 (새로고침 해도 유지)

오류 메세지

  1. 로그인 실패 시 오류 메세지 출력
  2. 회원가입 실패 시 오류 메세지 출력

알림

  1. 로그아웃 시
  2. 회원가입 성공 시

결과 스크린샷

로그인 화면

스크린샷 2023-10-28 오전 6 51 50

회원가입 화면

스크린샷 2023-10-28 오전 6 52 12

로그인 성공 시 메인화면

스크린샷 2023-10-28 오전 6 52 44

로그아웃 시 알림메시지 출력

스크린샷 2023-10-28 오전 6 53 34

로그인 실패 시 오류메시지 출력

스크린샷 2023-10-28 오전 6 54 08

회원가입 실패 시 오류메시지 출력

스크린샷 2023-10-28 오전 6 54 44

후기

  1. 조건부 렌더링
    {#if}
       
    {:else}
    
    {/if}
    
  2. 적은양의 코드, 가독성이 좋다
    <script><script>
    
    <div><div>
    
    <style><style>
    
  3. 가상 DOM 객체를 만들지 않고 실제 DOM을 바로 반영하기 때문에 속도가 빠르다.

Top categories

Loading Svelte Themes