티스토리

leeeyez 님의 블로그

검색하기

블로그 홈

leeeyez 님의 블로그

leeeyez.tistory.com/m

leeeyez 님의 블로그 입니다.

구독자: 1

방명록 방문하기

주요 글 목록

사용자 정보 관리/소셜로그인 Authentication 인증 : 사용자가 누구인지 파악 (서버가 리퀘스트를 보낸 유저가 누구인지 파악)인증을 하기 위해서 서버에 먼저 유저에 대한 정보가 저장되어 있어야 한다id와 pw를 통해 인증 → 요즘은 id 대신 고유한 email을 사용, pw는 암호화이메일, 비밀번호를 통해 회원가입 후 서버에 유저가 저장되고 고유 유저 아이디가 부여됨Authorization 인가 : 리퀘스트마다 권한을 부여 쿠키 인증서버의 response나 클라이언트 코드에 따라 브라우저에 저장되는 작은 단위의 문자열 파일들유저가 유효한 이메일과 비밀번호로 로그인 리퀘스트를 서버에 보낸다서버가 이를 확인하고 인증서를 만든다서버는 이 인증서를 response의 Set-Cookie 헤더를 통해 클라이언트에 저장할 쿠키 형태로.. 공감수 1 댓글수 0 2025. 3. 26.
zustand, recoil, jotai https://npmtrends.com/jotai-vs-recoil-vs-redux-vs-zustand 최근 2년간의 npm 트렌드를 보면redux가 확실히 가장 많이 사용되고, 그 다음이 zustand, jotai, recoil 순인 것 같다.리덕스는 13년 전에 만들어졌기 때문에 이미 사용량이 많이 축적되어있고 레퍼런스가 많으니 당연한 결과이고(기존의 있는 것들을 바꾸기 어려운 상황 등등), 그 다음으로 zustand가 많이 사용되고 있는 것은 리덕스로 이미 flux 패턴에 익숙해진 사람들이 사용하기 편리했기 때문이라는 생각이 든다. 최근 사용 추이가 가파르게 상승하고 있는 점도 눈에 들어온다.리덕스가 압도적으로 많은 사용량을 갖고 있지만 최근 신사업이나 새로 시작하는 프로젝트에서는 많이 쓰고 있지 .. 공감수 0 댓글수 0 2024. 7. 30.
S3 배포를 통해 알아보는 React 배포 과정 우리가 작성한 소스코드를 다른 사람이 알아볼 수 있는 형태로 만드는 걸 '배포'한다고 한다.보통 웹 프로젝트는 웹 서버에 배포한다. 예를 들어 구글에 접속하면 브라우저가 웹페이지를 띄우기 위해 필요한 데이터들을 다운받게 되는데, 이때 데이터를 보내주는 역할을 하는 것이 웹 서버이다. 웹 서버가 보내주는 데이터들은 html, js, css 같은 코드들도 있고 video, img 같은 파일들도 존재한다. 이런 데이터들을 다운받고, 브라우저가 잘 해석하기 때문에 웹페이지가 잘 나타나는 것.jsx(ES6)로 작성한 코드들은 웹브라우저가 바로 해석할 수 없는 형태이기 때문에, 순수한 js(ES5) 코드로 변환한 뒤 웹 서버를 통해 제공되어야 한다.이렇게 웹 서버가 사용하기 좋은 형태로 변환하는 과정을 프론트에서는.. 공감수 1 댓글수 0 2024. 7. 29.
React Query (1) 다양한 데이터들을 관리하기 위해서 React Context를 통해 전역 데이터 관리를 할 수 있다.Prop Drilling과 같은 문제점은 해결할 수 있지만, 데이터의 변화 흐름을 알기 어렵다는 단점은 여전히 존재한다.따라서 이를 해결하기 위해 Redux, Recoil과 같은 다양한 상태 관리 라이브러리들이 등장했는데, Redux와 Recoil 같은 경우 클라이언트 상태 관리에 초점이 맞춰져 있어 서버 상태를 관리하기엔 잘 맞지 않는 부분이 있다.따라서 이를 해결하기 위해 서버 상태 데이터만을 집중적으로 관리하는 리액트 쿼리가 등장했다. 클라이언트 상태 데이터웹사이트의 어떤 메뉴가 열렸는지 닫혔는지, 혹은 사용자가 어떤 버튼을 눌렀는지 아닌지와 같은 UI 상태 값이나, 유저가 입력 폼에 입력한 데이터 등.. 공감수 0 댓글수 0 2024. 7. 29.
Context API와 상태관리 역사 다국어 기능 (한국어,영어 선택 시 화면 언어 바뀌게) 개발로 알아보는 react context api공통 조상인 app 컴포넌트에서 state를 내려주면 됨, 하지만 button 컴포넌트를 생성하고 여기에 props를 내려주려면 너무 많은 컴포넌트들을 거쳐야한다는 단점이 있음보통 최상위 부모 컴포넌트에서 관리하는 상태 데이터들을 전역 데이터라고 정의할 수 있는데, 이런 전역 데이터를 props로 하위 컴포넌트로 내려주는게 드릴로 땅을 파는 것 같다고 해서 이러한 문제점을 Prop Drilling이라고 한다Prop Drilling : 드릴로 땅을 파듯이 상위 컴포넌트에서 하위 컴포넌트로 반복해서 prop을 내려주는 상황해결하기 위해 react context 사용= 맥락(context)= 상황에 대한 정보.. 공감수 1 댓글수 0 2024. 7. 28.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.