redux-saga는 Redux Saga는 Redux와 함께 사용되는 미들웨어 라이브러리로, 비동기 작업을 관리 Redux Saga에서 사용되는 제너레이터(Generator) 함수를 사용하여 비동기 작업을 동기적으로 다룰 수 있는 방식을 제공, 액션들 간의 순서를 조절하고 상태 변화를 관리할 수 있다. 즉, ⇒ axios요청같이 데이터를 가져오는 비동기 동작이나 브라우저의 캐시에 접근하는 그런 사이드 이펙트들을 관리할 수 있게 해주는 도구 이러한 원리로 액션을 감지하고, 특정 액션이 발생했을때 우리가 원하는 자바스크립트 코드를 실행시켜줌. 1. 사가미들웨어 생성 -> sagaMiddleware 리덕스 사가(Redux Saga)에서 제공하는 createSagaMiddleware API

상태 관리? 다들 생각하는 것처럼 변수의 상태 관리를 생각할 것이다. 최근에 개발 도중에 상태 관리 관해서 고민을 했었다. 고민 : 상태 관리를 Hook에서 상태 관리를 하는지 컴포넌트 안에서 상태 관리를 하는지 고민이 생겼다. 일단 필자는 컴포넌트, Hook 따로 관리를 한다. 이런 식이다. 그러면 Hook은 어떻게 불러오는가? 이런 식으로 hooks에 API들을 정리하여 관리하고 있다. 중요한 건 이게 아니라, 이렇게 따로 분류하고 있다 보니 변수들도 넘겨서 상태 관리를 하고 있다. 이렇게 넘겨서 hook에서 state를 처리를 하기도 한다. 이 상태 관리를 하나로 통일을 하고 싶고 정리하고 싶은데 어떻게 해야 할까 고민 중에 있고 지금도 잘 모르고 있긴 하다. 하지만 개발하면서 확실하게 느낀 건 공통으로 사용되는 API가 있으면 상태 관리를 Hook에서 하는 게 맞는 것 같다. 근데 그게 아니라면 상태 관리를 컴포넌트에서 하는 게 맞는 걸까? 그래서 일단 내가 내

GraphQL? 이게 무엇일까? 지금 작성하고 있는 나도 아무것도 모른채 작성중에 있다. 갑자기 왜 작성을 했을까? 상황은 이랬다. 연휴이기도 하고 쉴만큼 쉬었으니 일요일은 컴퓨터에 앉아보려고 했다. 전에 했던 프로젝트를 API모듈화 리팩토링을 하기로 마음을 먹고 리팩토링을 하고 있는 와중에 모르는 부분이 있어서 블로그를 둘러보고 있었는데 목록에 "GraphQL"이라는 녀석이 내 눈을 거슬리게 했다. 그래프큐엘이라 읽는거죠? ㅎㅎ... 어디선가 많이 들어봤던 것 같고 아는 것 같기도 하고 아닌 것 같기도 한 애매했다. 자, 이제 그러면 알아보기로 시작하자. facebook에서 만든 쿼리 언어이다. 이건 찾아보지도 않고 바로 알았다. 최근 facebook 소셜로그인을 만들었는데, facebook API에는 앞에 Graph가 붙는... 기존 REST API통신에서는 백엔드 개발자가 만든 API에서 데이터를 불러올 수 밖에 없었다. 자유롭게 자신이 원하는 데이터를 가져오기에는

WebView를 통한 facebook 소셜로그인이 정책상 2021년부터 로그인을 막아놓는 바람에 다시작업 하.. 해결방법 Facebook sdk를 사용한 소셜로그인 개발 FACEBOOK SDK란? 그래서 글쓴이가 했던 순서는 다음과 같다. facebook developer 사이트 접속 로그인 후 앱 등록 facebook 로그인 플랫폼추가 공식문서에 나온 코드로 react 자바스크립트 소셜로그인 개발 이러하다. 그러면 첫번째부터 접속 후에 상단 오른쪽에 "내 앱" 클릭! ![](https://velog.velcdn.com/images/qjatn0955/post/e09deaa3-410f-444f-

어느 날, 웹 개발자의 길을 걸어 가고 있는데, 이런 질문이 들어왔었다. "브라우저가 뭔가요?"라고... 뼈를 세게 맞는 기분... 뭐라고 설명을 해야할 지 모르겠음.. 그래서 많은 구글링을 통해 내 생각으로 정리해보자! 웹 브라우저란? HTML, CSS, Javascript를 해석하여 화면에 보여주는 소프트웨어이다. 우리가 사용하는 safari, chrome, internet exproler 등 웹 브라우저 소프트웨어이다.