setTimeout3 [React Native] - Auth, 자동로그인, 자동로그아웃 React Native 300 - Auth, 자동로그인, 자동로그아웃 클라이언트(리액트네이티브 모바일앱)가 서버에게 인증 데이터를 보내면, 서버는 세션에서 인증 데이터를 저장하며 클라이언트에게 세션 키를 리턴한다. 무상태(stateless) 를 다루는 웹 애플리케이션은 RESTful API 또는 GraphQL API 를 이용해 세션에서 인증을 관리한다. 하지만 모바일 앱의 경우, 서버가 각 클라이언트의 인증을 관리하지 않기 대문에 다른 방법이 필요하다. 이 때 세션 대신 토큰을 이용한다. 모바일 앱이 인증 데이터를 보내면, 서버는 서버만 아는 개인키(private key)를 만들어 토큰의 형태로 모바일 앱에게 보낸다. 그러면 Redux storage 같은 곳에 이 토큰을 저장한다. 앱이 실행되는 동안 메.. 2020. 12. 23. [js] Web animation 웹 애니메이션 1. 웹 애니메이션 이해와 setTimeout 활용 사용자에게 매끄러운 UX를 지원해주어야 합니다. 1) 애니메이션 반복적 움직임의 처리를 말합니다. 웹 UI 애니메이션은 규칙적이고 단순한 방식으로 동작하는 CSS3의 transition, transform 속성을 사용하여 구현가능합니다. javascript로도 구현이 가능하지만 그보다 더 빠른 성능을 보장합니다. 특히 모바일웹에서는 CSS 방법이 더 빠릅니다. (특히 transition) 2) FPS FPS(frame per second)는 1초에 화면에 표현할 수 있는 정지화면(frame) 수 입니다. 매끄러운 애니메이션은 보통 60fps 입니다. 16.666ms 간격으로 frame생성이 필요합니다. (1000ms / 60fps = 16.. 2019. 12. 30. [Boostcourse] DB 연결 웹 - 2. WEB UI 개발 FE WEB UI 개발 - FE 1. Window 객체 (setTimeout) window.setTimeout() setTimeout() setTimeout 활용 (비동기 함수) setInterval 도 활용 인자로 함수를 받음, 보통 나중에 실행되는 함수를 콜백함수로 한다. js는 함수를 매개변수로 받고, 함수를 리턴할 수도있다. function run() { setTimeout(function() { var msg = "hello code"; console.log(msg); }, 2000); } run(); 2초 뒤에 함수실행 function run() { setTimeout(function() { var msg = "hello code"; console.log(msg); console.log("run ... 2019. 11. 18. 728x90 이전 1 다음
