Name Card component

• 간단한 컴포넌트 테스트 페이지 입니다
• 로그인은 Firebase를 사용했습니다.
  • firebase Config는 각자 작성하시기 바랍니다.
• DB는 web sql을 사용했습니다.
  • 따라서 크롬브라우저에서 사용하기를 추천합니다.
• profile img는 랜덤이미지를 사용합니다.
  • file upload기능은 없습니다.

개략적인 설명

• 모든 이벤트의 처리는 대부분 window.postMessage({msg:message, data:data}, location.origin); 로 처리하고
• 각 컨포넌트는 메세지를 읽어서 대처합니다.

• (firebase-login 컨포넌트에서 로그인 상태를 알려줍니다 : _is_login_status())
• 로그인 되었는지 (post_message("status_login", null);)
• 로그아웃 되었는지 post_message("status_logout", null);
• 메세지로 각 컨포넌트에 전달합니다.

Web SQL사용 : 데이터 저장을 위해서

• web-sql.js는 데이블에 데이터 저장, 삭제, 수정

ramdom Image 사용

• https://unsplash.com/ 가입후
• https://unsplash.com/developers -> Your Apps에서 Demo App추가
  • Access Key값을 구한다

Test

• VS code -> Extension -> Live Server install
• index.html -> 오른쪽 마우스 -> Open with Live Sever

+ 위 전화번호, 이메일은 Fake입니다.

nav_bar tag 내에 template code 삽입