내마음대로만들어보자/React 프로젝트 만들기 이해20 [React] 토큰기반인증 1. OAuth 란? 외부서비스의 인증 및 권한부여를 관리하는 프레임워크 Open Authentication, Open Authorization (인증과 허가를 포함) * OAuth 인증방식 (간단한 경우) - 클라이언트 와 서비 사이에 인증(로그인)을 하면 서버가 access_token 을 준다. - 클라이언트는 access_token을 이용해서 API 요청을 할 수 있다. - 서버는 API 요청을 받고, access_token을 가지고 권한이 있거나 없나 확인해서 결과를 클라인트에 보내준다. * OAuth 동작 방식(외부 서비스 관련 있는경우) 유저가 구글 로그인을 하는 상황이라고 가정해본다면, 구글은 유저의 정보도 가지고 있을거고 로그인을 검증도 해볼것이다. 구글은 Resource Server(자원.. 2021. 11. 22. [React] Promise 1. Promise 란? 자바스크립트는 싱글 쓰레드로 동작하는 언어이다.(싱글 쓰레드는 순차적으로 실행된다고 보면된다.) 자바스크립트는 하나의 요청이 완료될때까지 기다리지 않고 동시에 다른 작업을 실행하는 비동기 호출로 한번에 여러 요청을 처리할 수 있다. 자바스크립트가 실행될 때 다음과 같은 요소들이 실행을 도와준다. - Call Stack : 자바스크립트에서 수행해야 될 함수들을 순차적으로 스택에 담아 처리 - Web API : 웹 브라우저에서 제공하는 API로 Ajax , Timeout 등의 비동기 작업을 실행 - Task Queue : Callback Queue 라고도 하며, Web API에서 넘겨받은 콜백함수를 저장 - Event Loop : Call Stack 이 비어있다면 Task Queue.. 2021. 11. 22. [React] 자바스크립트 - 함수 1. 함수란? 자바스크립트는 함수를 특별한 값 취급을 한다. 자바스크립트는 ()가 있으면 함수를 실행하고 ()가 없으면 함수를 문자형으로 바꿔 출력하기도 한다. (함수를 값으로 취급) 함수는 기본적으로 undefined를 반환하고 return 으로 어떤 값을 넘겨주지않는다면 undefined를 반환한다. 2. 함수 선언문과 표현식 - 함수 선언문 function cat() { console.log('perl'); } - 함수 표현식 let cat = function() { console.log('perl'); } //화살표 함수로 써도 된다.(함수 표현식의 단축형이 화살표 함수다.) //차이점으로는 함수표현식에서 this그 함수 자체인데, 화살표함수에서 위쪽 부모를 불러온다. let cat2 = () =.. 2021. 11. 17. [React] 자바스크립트 - 객체 1. 객체 - 오직 한 타입의 데이터만 담을 수 있는 원시형과 달리, 다양한 데이터를 담을 수 있다. - key로 구분된 데이터 집합, 복잡한 개체를 저장할 수 있다. - {...} 중괄호 안에 여러 쌍의 프로퍼티를 넣을 수 있다. 프로퍼티는 key : vaule 로 구성 key에는 문자형, value에는 모든 자료형이 들어갈 수 있다. // 객체 생성자로 만들기 let cat = new Object(); // 객체 리터럴로 만들기 // 중괄호로 객체를 선언하는 걸 리터럴이라고 하는데, 객체 선언할 때 주로 쓴다. let cat = {}; let num = 1; 이런게 있다라면 엔진에서는 let num - new Number(1); 로 이렇게 해석을 하고 우리는 리터럴로 작성하지만 엔진입장에서는 생성자 .. 2021. 11. 16. 이전 1 2 3 4 5 다음
