분명 로그인하고 나서 서버로부터 accessToken을 받아오고, refreshToken을 쿠키에 저장하도록 했는데도, 다시 토큰을 가지고 서버로 요청할때 서버에서 토큰 값을 undefined로 인식하고 있지 못한다면??

redux-persist로 먼저 새로고침하더라도 redux의 상태들이 초기화되지 않도록 하는 과정을 먼저 거쳐야 한다. npm으로 설치하기rootReducer.jsstore.js주의: 발생할 수 있는 에러when using a middleware builder func

creact-react-app으로 리액트 앱을 만들 때 이미지를 쉽게 다룰 수 있는 방법 중 하나가 public/images 폴더 안에 이미지들을 두어 관리하는 방법이다. 이 방법을 사용하는 이유는 '../../../assets/images/sth.png'와 같은 절대

동네를 기반으로 거래를 주고받는 프로젝트를 진행하다보니 필요한 기능 중에 하나가 사용자의 위치 정보이다. 위치정보를 받아서 동단위로 서비스를 이용하게끔 만들려면 사용자의 현재위치를 받아와 해당 위치를 동단위로 변환해 유저정보에 저장해두는 기능이 필요했다. 먼저 현재 위

만약 나의 origin repository가 upstream과 동일하게 최신화 되어있는 상태에서, 내 로컬은 아직 이전 버전인 상태인데 파일을 push 하고자 한다면? 깃은 아마도 pull을 먼저 진행하고 push하라고 에러를 뿜어줄 것이다. 안전하게 merge하기 위

컴퓨터에 무언가 문제가 생겼을 때 기술자에게 질문을 던진다면 전원을 켰는지, 켰다면 껐다 켜보라는 근본적인 해결책 같이 안느껴지는 해결책을 되돌려줄 때가 있다. 이번 에러는 바로 그렇고 그런 근본 에러가 아니었나 싶다. 프로젝트를 상쾌한 마음으로 시작하려 하는데 np

프로젝트를 할때, 테스트 케이스도 전부 다 통과를 하는데?!?!? 막상 npm run start를 해보면 서버와 클라이언트가 뭔 원수를 졌는지 cannot GET/ 이런것만 띄워두거나 자꾸 콘솔창에서 undefined 만을 돌려주고 있는 야속한 상황이 생길 때가 있

데이터베이스의 필요성 데이터를 저장하고 사용하는데는 다양한 방법이 존재한다. In-Memory방식으로 javascript에서 프로그램이 실행될때만 저장되는 방식과, 엑셀 시트나 csv파일 형태로 저장하는 방식이 있다. In-Memory 방식의 경우 프로그램이 종료되

시간복잡도 그래프알고리즘 문제를 풀 때 효율적인 방법을 고민하기 위해 고려해야할 조건 중 하나는 시간 복잡도이다. 시간 복잡도를 고려한다는 것은 입력값의 변화에 따라 연산을 실행할 때, 연산 횟수에 비해 시간이 얼만큼 걸리는지를 확인한다는 것이다. 즉, 입력값이 커짐에

팀원들과 사이드 프로젝트를 한다면 필수적으로 알아야하는 git 사용법에 대해서 다뤄보고자 한다. 최근 친구와 사이드 프로젝트를 진행하면서 서로 각자 기능을 구현하고 합치려할 때 직접 파일을 넘겨주고 해당 파일을 어느 한쪽에 합치는게 불편하다고 느껴졌다. 매번 파일을 고

백준 10952번 A+B를 while문으로 출력하라 입력받은 두 수의 더한값을 출력하는 문제인데, for문 때의 문제와 다르게 첫번째 입력값으로 테스트 케이스의 개수가 정해져 들어오지 않는다. 즉, for문 돌릴 때 필요한 범위 제한 값이 없기 때문에 언제까지 반복

백준 알고리즘 Lv.3 for문 문제들을 java로 풀어보자! 백준 2739번 구구단을 출력해라! 구구단을 출력하는 문제는 워낙 유명하고 기본중에 기본이다. 백준 알고리즘에서 나온 문제 말고도 여러가지 방식으로 다양하게 구구단을 출력해보는 문제들도 많다. 그 유명

단계별 문제풀이로 익히는 java이번엔 if 조건문과 관련한 문제들1330두가지 수를 입력받아 원하는 결과값을 if문에 따라 다르게 출력해준다. 대소비교에 따라 결과값이 달라지도록 한다.2753번윤년은 4와 400으로 나눠지면서 100으로는 나눠지지 않는 4자리수의 연

git을 쓰다보면 별거 아닌거 같은데 오류가 자주 발생하여 매번 검색해야하는 경우가 많다. via GIPHY 최근에 git이 주 브랜치를 master가 아니라 main으로 설정해두어서 습관처럼 git push origin master로 명령어를 써서 commit을 해

아마존 aws 서비스에 가입 후 인스턴스 생성 가입해서 인스턴스 생성까지 참고했던 링크 단계별로 아마존에서 인스턴스를 생성하는데까지 자세하게 나와있어서 참고하여 만들면 된다. > 아마존 인스턴스 생성하는 법 https://velog.io/@hotoron/AWS-%EB

REST는 "Representational State Transfer"의 약자로 http 웹의 장점을 최대로 활용할 수 있는 아키텍쳐이다. RESTful한 API를 작성하기 위해서는 0-3단계로 총 4단계 충족되어야 하는데 보통 2단계까지만 충족되어도 잘 작성되어진 A

클라이언트-서버 콘셉트 [ ] 클라이언트-서버 아키텍처 : '2 tier architecture'로도 불리는 클라이언트-서버 아키텍쳐는 실시간으로 이용자에게 정보를 전달하기 위해 필요한 구조로서 리소스와 리소스를 사용하는 앱을 분리한다. 예시) 서점에서 책을 구매하려

Promise 시작과 끝이 명확하지 않기 때문에, 작업 상태를 저장할 클래스를 새로 만들어 담아둔다. 변수를 따로 만들어 이름을 붙이고 만들기 때문에 상태관리에 더 용이하다. callback으로 작성하면 상태를 명확하게 확인하기 어렵다(return되는 값이 따로 없

JAVA를 안쓴지 오래되어 알고리즘 공부할 겸 백준문제 단계별 문제풀이로 연습한다 문제 > 단계별로 풀어보기 > 입출력과 사칙연산부터 시작! 입출력과 사칙연산 2557번 Hello World! 출력하기 백준알고리즘 2557번 가장 기본이고 코딩의 시작이 아닐까 하

자료구조란? 여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의하는 것. 다양한 데이터를 유용하게 사용하기 위해서는 데이터를 분석하고 활용할 수 있어야 한다. 또한 데이터를 사용하려는 목적에 맞게 분류하고 구분지어야 필요한 곳에 적절히 활용 가능하다. 스택,트리,큐