Implement client-side login flow (done #34, #35, #36)

[ktk1012]

• 클라이언트 사이드에서의 login flow 구현 및 그에 따른 프로젝트 구조 설정
  • page 및 component의 분리
    • component: stateless, prop을 받아 view 처리
    • page: componenet (기본 html 및 vue router tags 포함)를 조합하여 page layout 구성, data fetch하여 변경 사항을 prop으로 각 component에 전달
  • 설정 관리
    • webpack의 definePlugin 프로퍼티를 사용하여 static한 설정 사항은 config의 *.env.config.js에서 설정을 관리한다. 파일 내에서는 process.env.KEY로 호출하면 빌드 할 때 값을 넣어줌
• 공통 모듈 작성
  • sparcs-sso.js 및 api-client.js 작성
• 로그인 및 로그 아웃 구현
  • login.vue: 해당 page로 진입하면 state secret 값을 localStorage에 저장하고 sso site로 리다이렉트
  • login-callback: sso 리다이렉트 진입점, token 값을 체크 하며, sparcs09 api서버에 로그인 요청 (약관 동의 및 개인정보 작성 하는 신규가입 처리는 현재 되어있지 않음.)
  • logout.vue: localStorage에 저장되어 있는 값을 삭제하고 api 서버에 delete 요청

[ktk1012]

build 폴더에 있는 코드는 리뷰에서 제외해 주시고 주로 src 폴더에 있는 코드 위주로 리뷰 하면 됩니다.

[Shavakan]

ab3b28c 커밋 메시지에 오타가 있으니 수정해주시면 좋을 것 같습니다.

[Shavakan]

@samjo-nyang 님이 언급하신 가이드 문서가 있는게 좋을 것 같습니다. 관련하여 #42 이슈를 생성해두었으니 이번 PR과는 관계 없이 나중에 처리하면 될 것 같습니다.

[Shavakan]

개발 환경 가이드 문서는 제가 별도로 작업해서 PR 올리겠습니당