JWT JSON Web Token의 줄임말로, JSON 객체를 사용해 정보를 안정성 있게 전달하는 웹표준이며 인증에 필요한 정보들을 암호화시킨 토큰을 뜻합니다. 위의 세션/쿠키 방식과 유사하게 사용자는 Access Token(JWT 토큰)을 HTTP 헤더에 실어 서버로 보내게 된다. 절차 사용자가 로그인을 한다. 서버에서는 계정정보를 읽어 사용자를 확인...
ES란? 크로스 브라우징 이슈 기능이 모든 브라우저에서 동일하게 동작하지 않는 이슈 이 크로스 브라우징 이슈를 해결하기 위해 JavaScript를 표준화를 했다. ES란 ECMA Script의 약어이며 자바스크립트의 표준 규격을 나타내는 용어이고, JavaScript를 표준화시키려고 탄생했다. 그렇다면 왜 생겨난 것인가? JavaScript의 역사는 ...
State 란? 리액트를 다루는 핵심 ! State는 props처럼 App 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체지만, props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리된다는 차이가 있다. props를 사용했는데도 state를 사용하는 이유는, 사용하는 ...
LifeCycle 라이프 사이클은 컴포넌트가 렌더링을 준비하는 순간부터, 페이지에서 사라질 때까지를 나타낸다. 아래 표는 리액트 컴포넌트의 라이프 사이클을 보여준다. 라이프사이클은 크게 세 단계로 나눠진다. 생성될 때(Mount), 업데이트할 때(Update), 제거
Axios란? 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. 설치 **yarn add axios import axios from "axios";** 사용방법 1) 리액트 프로젝트에 shared 폴더에 Request.js 파일을 만든다. 2) 리덕스 모듈에서 불러온다. 3) GET메소드 ![](h...
미니 프로젝트를 시작했고, css을 전적으로 하는걸 맡았다. css부분만 담당하느라 협업을 많이 하지는 못했지만 그 때문에 tailwind를 처음 사용하게 되었다. 기존의 styled component와는 다르게 tailwind는 input안에 css를 설정 할 수 있어서 편하다고 느꼈다. 물론 tailwind를 좀 더 익혔으면 저런식으로 설정하지 않아도...