웹프로그램 이야기

웹프로그램 이야기

  • 웹프로그램이야기 (99)
    • Spring Batch (16)
    • Spring Data (3)
      • MyBatis With JPA (2)
      • Redis With CrudRepository (1)
    • SpringBoot Kafka (5)
    • Spring Micro Services (25)
      • RestTemplate (2)
      • Service Discovery with Eure.. (2)
      • Zuul and Ribbon (1)
      • Netflix Hystrix (2)
      • RabbitMQ (7)
      • 통합로그 (3)
      • gRPC (4)
      • interfaces (1)
      • event driven architecture (2)
    • SpringBoot Monitoring (6)
      • SpringBoot Resilience4j (5)
    • Spring Security (12)
      • Spring Boot Jwt with JPA an.. (8)
      • Vue 3 Authentication with J.. (4)
    • SpringBoot Swagger (1)
    • Python (14)
      • Flask (12)
      • 데이터전처리 (2)
    • R (2)
      • R데이터분석기초 (2)
    • React (10)
      • React Hook (2)
      • React websocket with spring.. (4)
      • React Netflix Clone Project (2)
    • 오늘의점심 (1)
    • AI (1)
      • MCP (1)
    • 국내여행 (2)
      • 강원도 (2)
  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

웹프로그램 이야기

컨텐츠 검색

태그

Kafka refreshtoken SQLAlchemy refresh token Spring Boot Redis FLASK useState JWT grpc accesstoken MSA kibana RESTful API Resilience4j Python jpa REACT 스프링배치 rabbitmq

최근글

댓글

공지사항

아카이브

React/React Netflix Clone Project(2)

  • Step1: react-netflix-clone-ui

    React+Tailwind css를 사용하여서 UI를 구성하며 사용자의 인증 처리는 JWT 토큰을 통해서 인증 처리한다. 본 프로젝트에서는 Refresh Token은 사용하지 않고 AccessToken 만을 사용하여서 인증 처리를 한다. 주요기능 로그인 사용자가 로그인 요청시 AccessToken 발급 처리 후 LocalStorage에 Token값과, 만료일시를 저장한다. 만료 일시가 중요한 이유는 callBack 함수에서 만료일시가 되면 로그아웃을 수행하기 때문이다. 코드는 Github를 참고 하시기 바랍니다.

    2022.12.26
  • Netflix Clone Project 를 시작하며

    프로젝트 개요 프로젝트를 시작하게 된 이유는 React와 Tailwind css로 된 clone 사이트를 찾다가 아래 강좌를 보고 UI는 구성하게 되었습니다. https://www.youtube.com/watch?v=ATz8wg6sg30 하지만 Backend는 Spring Security 와 JWT 를 사용하여서 자체 구축 하였습니다.다른 예제에는 Refresh Token 갱신까지 다루었지만 본 프로젝트에서는 서버에서는 지정한 토큰만료시간에 맞춰 로그아웃 처리하도록 하였다. Requirements [TMDB]: https://www.themoviedb.org/?language=ko 사이트 인증키 발급을 받아야 합니다. 본 예제에서 사용되는 영화 정보 및 이미지 정보는 TMDB API를 통하여서 구현이 되..

    2022.12.26
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바