오늘은 국민 통신 라이브러리 axios를 뜯어보도록 하자.axios란 서버와 통신하기 위한 HTTP 비동기 통신 라이브러리이다. api 요청에 대한 공부를 할 경우, 가장 처음 배우고 사용하는 라이브러리 일 것이다.보통 처음 접하는 axios 요청은 다음과 같이 작성하

이번 회사 프로젝트를 하면서 굉장히 진귀한 경험을 했다... 사실 별 것 아닐 수도 있지만 실제로 경험해보지 못한 사람들은 절대 와닿을 수 없을 것이다! 그 주인공은 바로 cacheTime 그렇다. 오늘은 cacheTime이라는 것에 대해 알아보도록 하자 cac

(너무나 오랜만에 돌아온 듯한 느낌이지만...) 요즘 너무나 바쁘고, velog라는 것에 대해 잊어버리며 살다가 바쁘게 살던 만큼 깨달은 것들이 너무 많고, 느낀점이 너무나도 많아서 점점 정리가 필요하다고 느낄때 쯤? 비로소 돌아오게 되었다(,,,ㅎ) 그리고 비로

react native개발을 진행하면서 ios 빌드 에러가 발생한다면\~~node_modules 폴더 제거Pods 폴더 및 Podfile.lock 파일 제거 후 pod installyarn installyarn --reset-cache만능의 위와 같은 과정을 진행 하시

React Native를 진행하면서 겪은 Type 이슈들... 1. Image 태그에서 ImageProps 타입 전달해주기 src/@types/global/images.d.ts파일을 생성한 뒤, 각각 사용하는 이미지에 대한 타입을 지정해 주었다. 그 후 img ur

리액트를 다루면서 사용할 수 있는 비동기 통신은 여러개가 있다. 내가 알고 있는 방법으로는 redux-saga, useSwr, react-query 정도? 가 있는 것 같다. 자주 사용했던 것은 redux-saga, 간단해 보여서 사용하고 싶었던 것은 useSwr과

오늘은 나의 리덕스 작성 방법 변천사에 대해 알아보려고 한다.가장 만만한 예제는 역시 Counter 겠지요?어딜 찾아봐도 가장 흔히 볼 수 있는 코드지만, 리덕스를 처음 접했을 때는 이마저도 너무 어려웠다 ㅎㅎ카운터기능 하나를 구현하는데 이렇게 많이 코드를 작성해놔야

항상 이론으로만 보다가, 한번쯤 직접 구현해보고 싶어서 제일 쉬운 예제를 따라해보았다. (간단하게 기능만 구현하기위해 any type을 남발하였음...) > API 출처: https://unsplash.com/ 1. 상태 정의 photo: 불러온 데이터를 저장 p

이번에는 useQuery와 useMutation의 캐시에 대해 다뤄보려고 한다. 먼저 세상 너무나도 간단한 useQuery에 대해 알아보자 - 게시물 불러오기 useQuery 위의 쿼리에 대해 클라이언트 부분에서 React의 useQuery hook을 이용하여 불러

앞서 1편에서 backend부분의 type, query, mutation정의를 완료하였다!RestAPI같이 각각의 endpoint도 필요하지 않고, uri의 설정 및 세팅도 필요없고 매우 빠르게 작성할 수 있었다 (물론 더 숙련이 된다면...)이번에는 client-s

이런저런 바빴다는 이유(핑계)로 꽤나 오랫동안 멀리했던 graphql을 리마인드 해보고 싶어서 다뤄보게 되었다. 이번에 구현할 미니 프로젝트의로그인로그아웃게시물 등록댓글 작성게시물 좋아요 그리고?FE : React + TypeScriptBE : GraphQL일단 ap

Next.js란 React에서 SSR(Server Side Rendering)과 SSG(Static Site Generation)을 조금 더 쉽게 할 수 있도록 도와주는 프레임워크이다. 또한 검색 엔진 최적화(SEO)문제는 React의 치명적인 단점이라 하는데, 이를

오늘은 아주 살짝 발만 담궛는데도 노드를 사용한 REST API의 방식보다 가벼워서 팔랑팔랑 날아다닐 거 같고 꽤나 세련되었다고 느껴진 GraphQL에 대한 맛보기를 다뤄보려고 한다. 1. 서버 세팅 > npm설정을 통해 일단 기본 세팅을 해준 뒤, 필요한 모듈들을

react

react-native를 접한 뒤 react의 router처럼 작동하는 navigation을 설치하여 테스트 해 보았다. 그런데 너무나도 빠르게 변화하는 react-native의 속도에 맞추지 못하고 구글링으로 이곳저곳을 헤매다 결국 공식문서를 보긴 하여 코드를 작성하

react-redux에서 로그인과 같은 비동기 작업을 해야 할 때는위 흐름과 같이 진행되어야 했다. 하지만 비동기 작업을 redux-thunk라는 미들웨어를 통해 비동기 작업을 조금 더 편리하게 관리할 수 있다../redux-action.js 파일에서 thunk 액션을

문제 출처 : https://www.acmicpc.net/problem/2630재귀를 통해서 작은 단위에서 색종이가 나뉘는지 판단한 뒤, 더 작게 나눌 수 있으면 다시 재귀를 통해 size의 절반 크기로 함수를 호출하고, 더 작게 나눌 수 없다면 해당 색종이가

문제 출처 : https://www.acmicpc.net/problem/2178어쩌면 bfs의 기초라고 할 수 있는 아주 간단한 문제이다. (는 무슨 오랜만에 했더니 땀 흘리면서 풀었다,, 부들부들,,) bfs유형을 푼다 하면 보통 이러한 틀에서 문제가 출제되

문제 출처 : https://www.acmicpc.net/problem/1260dfs는 한쪽 방향으로만 먼저 노드를 탐색하기 때문에 dfs내부에서 dfs를 호출하는 방식을 사용하였다.bfs는 인접한 노드를 모두 탐색한 후 깊이를 내려며 탐색하므로 deque을

user생성 코드간단하게 post(signup)과정만 기록해보려고 한다.존재하지 않는 라우트에 대한 에러 핸들링Express 오류처리 document를 참고한 에러 핸들링 미들웨어validtaion check 모듈현재는 데이터베이스가 만들어지지 않은 상태이므로 직접 배