지난 여름, 친구 세 명을 꼬셔서 사이드 프로젝트를 시작했다.
연말까지 나름 잘 만들던 걸 갈아엎기로 선언했다.
그렇게 연초가 바람 같이 흘러갔고, 어느덧 4월이 되었다.
이렇게 시간을 보낼 수만은 없었기에
이제는 일기와 함께 나의 프로토타입 개발이 얼마나 걸리는 지 기록해보기로 했다.

근무 시간에 집중 못하고 아쉬운 마음에 밤 늦게 안자며 개인 프로젝트 진행하는 건 비밀...
내 주변 사람들은 다 내가 부지런하다고 생각하는데.. 기대에 부응하고 싶다..

📅 날짜

• 4월 5일

🎯 목표

회원가입/로그인

문서보기

• amplify docs/authentication/switching authentication flows

  • 세 가지 방식이 있다.
    1. USER_SRP_AUTH: 비밀번호를 서버에 보내지 않아 안전. 추천.
    2. USER_PASSWORD_AUTH: 복호화된 비밀번호를 서버로 전송. Lambda 함수를 사용해야 하는 경우 필요.
    3. CUSTOM_AUTH: 하고 싶은 게 많은 경우 선택 가능.
  • 그 아래 상술이 있으나 생략.

• amplify docs/authentication/customize UI components

  • version 1 기준으로 설명되어 있다. 새 버전은 다른 docs에서 확인 가능.

  • 조작하려면 i18n도 잘 알아야하네

    import { I18n } from 'aws-amplify';
    
    const authScreenLabels = {
        en: {
            'Sign Up': 'Create new account',
            'Sign Up Account': 'Create a new account'
        }
    };
    
    I18n.setLanguage('en');
    I18n.putVocabularies(authScreenLabels);

• amplify docs/authentication/advanced workflows

  • 음.. federate 한다는 내용 같은데
  • 무슨 소린지 잘 모르겠다.. 패쓰!!

• amplify docs/authentication/auth events

  import { Hub, Logger } from 'aws-amplify';
  
  const logger = new Logger('My-Logger');
  
  const listener = (data) => {
      switch (data.payload.event) {
          case 'signIn':
              logger.info('user signed in');
              break;
          case 'signUp':
              logger.info('user signed up');
              break;
          case 'signOut':
              logger.info('user signed out');
              break;
          case 'signIn_failure':
              logger.error('user sign in failed');
              break;
          case 'tokenRefresh':
              logger.info('token refresh succeeded');
              break;
          case 'tokenRefresh_failure':
              logger.error('token refresh failed');
              break;
          case 'configured':
              logger.info('the Auth module is configured');
      }
  }
  
  Hub.listen('auth', listener);

• amplify docs/authentication/remember a device

  • 기기를 기억하는 것은 Multi-Factor Authentication(MFA) 때문에 중요하다.
  • 하지만 난 안 쓸거라 패쓰!

• amplify docs/authentication/delete user

  • 유저가 자기 계정을 직접 지우게 하기보다는 유저 계정과 관련된 정보들 모두를 지울 수 있게 코드를 따로 준비하자.

• amplify docs/authentication/under the hood

  • 인증 확인 절차는 두 가지가 있다 Amazon Cognito User Pool만 쓰는 것과 소셜 로그인을 통해 Fereration으로 쓰는 방법

다 읽었지만 뭐가 뭔지 모르겠는 이 상황.. 일단 코드를 써본다

코드 작성 시작