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

기능

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

오류 메세지

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

알림

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

결과 스크린샷

로그인 화면

회원가입 화면

로그인 성공 시 메인화면

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

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

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

후기

1. 조건부 렌더링

   {#if}
      
   {:else}
   
   {/if}
   

2. 적은양의 코드, 가독성이 좋다

   <script><script>
   
   <div><div>
   
   <style><style>
   

3. 가상 DOM 객체를 만들지 않고 실제 DOM을 바로 반영하기 때문에 속도가 빠르다.