Giter VIP home page Giter VIP logo

ejs_practice's Introduction

ejs_practice

ejs 템플릿 엔진 수업 복습!

1일차...

TMDB 사이트에서 open api를 가져와서 현재 상영작을 home.ejs에 뿌려주기
Promise 함수를 사용해 비동기 처리를 했고, Handlebars를 사용해서 뿌려줬다. 스크린샷 2023-11-25 오후 6 49 44 스크린샷 2023-11-25 오후 6 51 49

1일차 결과 화면

스크린샷 2023-11-25 오후 6 47 19 스크린샷 2023-11-25 오후 6 47 37

2일차 -> 구글firebase에 등록한 아이디 로그인, 카카오 로그인 구현.. REST API 키 사용도 생각해서 바꿔보기..!!

  • 구글firebase에 등록한 이메일 및 비밀번호를 입력 후 로그인버튼 클릭 시,
    입력한 이메일 및 uid를 localStorage에 담아서 localStorage에 값이 있을 경우 로그인 상태
  • 로그인 상태에서 숨겨놨던 버튼 (장바구니, 마이페이지, 로그인->로그아웃)이 보이게(.toggle()) 처리.
    카카오 로그인 시, 카카오 로그아웃 버튼으로 설정.
  • 로그아웃 버튼 클릭 시, jquery에서 제공하는 함수 signOut()을 사용해서 로그아웃 처리.
    로그아웃 시 localStorage.clear()를 사용해서 값 지우기.
스크린샷 2023-11-26 오후 3 53 02 스크린샷 2023-11-26 오후 3 52 51 스크린샷 2023-11-26 오후 3 59 33

- 카카오 에서 발급받은 api 키 중 javascript키를 사용해 카카오 로그인 구현.
로그인 시 id를 localStorage에 넣어 MyPage 대신 id를 넣어줌
- 카카오 로그인 시, 카카오 로그아웃 버튼이 보이게 해서 로그아웃 시
localStorage 값 지우기 및 카카오 로그인 토큰을 같이 지워줬다. 스크린샷 2023-11-26 오후 8 51 33 스크린샷 2023-11-26 오후 8 52 53

2일차 결과화면

2일차 결과화면_1 2일차 결과화면_2 2일차 결과화면_3

ejs_practice's People

Contributors

jungtaeyeon avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.