SSR 토큰 관리 (next.js + react-cookie)

refresh는 local로, access는 cookie

2022년 5월 6일
·
0개의 댓글

Redux-Toolkit + Redux-persist + Redux-wrapper

마지막으로 SSR을 위해 getserversideprops에서 store에 접근 할 수 있도록 redux-wrapper를 추가해줬다.wrapper까지 끝나면 환경설정은 마무리가 되는 것 같다.

2022년 4월 27일
·
0개의 댓글

코드 리뷰에 대해서

The RED: 백발의 개발자를 꿈꾸며 : 코드리뷰, 레거시와 TDD by 백명석, 최범균 강의를 정리한 것 입니다. 혹시라도 문제가 생기면 삭제하것슴다...!비지니스적인 요구로 개발을 더 빠르고 자주 안정적으로 배포해야한다.배포를 할 때 마다 개발자의 수(리소스)가

2022년 4월 26일
·
0개의 댓글

Redux Toolkit + Redux-Persist

https://redux-toolkit.js.org/usage/usage-guide 공식 문서에 나와있는 코드를 옮겼다.그대로 적용하면 되기 때문에 간단하게 toolkit에 붙는다.logout시 초기화 하는 방법

2022년 4월 26일
·
0개의 댓글
post-thumbnail

Redux Toolkit

리팩토링을 하는 과정에서 redux보다 가볍고 편리한 사용이 가능한 redux-toolkit에 대한 사용이 결정됐다.RTK의 사용을 권장하기도 하기 때문에 RTK에 대해 알아보고 프로젝트에 적용해보자Redux-Toolkit 인 만큼 redux처럼 대형 MVC 애플리케이

2022년 4월 26일
·
0개의 댓글

리팩토링의 시간 1

누리하우스의 초기 목표한 프로젝트가 어느 정도 마무리가 되었다. 빠른 시간에 서비스를 런칭한다는 목표를 우선으로 달려온 만큼 코드에 대한 아쉬움과 지저분함이 보이기 시작하여 리팩토링을 위한 시간을 갖고자 한다.주니어 개발자 2명이 리팩토링을 시작하려니 막막함이 밀려왔다

2022년 4월 25일
·
0개의 댓글

useRef로 modal 끄기

모달 외부의 back을 누르면 창이 닫히게 만들기useRef란? : 특정 DOM을 선택할 수 있게끔 해주는 기능을 가진 녀석입니다.특정 영역을 포커싱 하여 사용할 수 있어서 편리했다. onClick을 back에 넣고 사용하면 페이지 전체가 영역으로 잡혀서 모달 창을 눌

2022년 4월 21일
·
0개의 댓글

Sitemap 만들기 예시

이렇게 하면 xml 파일이 생성된다.

2022년 4월 20일
·
0개의 댓글

GA event 추적 설정

왜 필요한가.컨텐츠와 사용자간의 상호작용으로 관심을 해석할 수 있다.웹페이지 로드와 별개로 추적할 수 있는 것이 생긴다.이벤트는 사용자의 행동에 해당하지만 웹페이지 로드와 별개로 발생하기 때문에 GA가 자동으로 인식하지 못한다. 따라서 추적하기 위한 설정이 필요하다.맞

2022년 4월 18일
·
0개의 댓글

HTML 태그 React에서 사용하기

DB에 등록되어있는 Markup 문서를 react에서 처리하는 법을 알아보았다.markup이란? : 문서 내부의 특정 위치에 메타 데이터와 같이 문서의 형식 및 출력 방식과 추가적 정보를 넣을수 있다. 이런 일련의 문자들 혹은 기호를 마크업이라 한다.HTML문서도 하나

2022년 4월 14일
·
0개의 댓글

Sitemap.xml 만들기

제너레이터를 만들고 그걸 배포하고 google search console에 제출하면 적용된다.SEO 작업을 위해서.웹페이지가 검색에 좀 더 잘 노출될 수 있도록 하기 위해서.사이트맵을 제출하면 검색엔진 크롤러가 좀 더 많은 페이지를 쉽게 탐색할 수 있다.require

2022년 4월 4일
·
0개의 댓글

Next.js로 프로젝트 시작(typescript + redux)

npx create-next-approot 디렉토리에 tsconfig.json 파일을 만들어준다.npm install --save-dev typescript @types/react @types/react-dom @types/nodenpm run dev\_app.tsx로

2021년 12월 11일
·
0개의 댓글

REST한 API에 대해

REST한 API라는 단어에서 사용되는 REST는 representational state transfer의 준말입니다.REST의 개념을 정리하자면 http 통신에서 어떤 자원에 대한 CRUD 요청을 resource와 method로 표현하여 특정한 형태로 전달하는 방식

2021년 10월 15일
·
0개의 댓글

CSR, SSR의 개념적 차이와 동작 방식

CSR은 클라이언트 사이드 렌더링의 약자이다.브라우저에서 렌더링을 진행한다는 개념이다.최초 로딩 시 브라우저가 서버에 HTML을 비롯한 CSS, Javascript등 각종 리소스들을 받아오는 방식이다.SSR은 서버 사이드 렌더링의 약자이다.서버에서 렌더링을 진행한다는

2021년 10월 14일
·
0개의 댓글

var, let, const 의 차이점과 호이스팅

그냥 정말 간단하게 면접 대답이라고 생각하고 써내려가고자 합니다. (그림, 꾸밈 없을 예정)var은 동일한 이름으로 여러 번 중복해서 선언이 가능하다.이와 같은 경우, 마지막에 할당된 값이 변수에 저장된다.변수를 유연하게 사용할 수 있다는 장점이 될 수 있지만, 기존에

2021년 10월 13일
·
0개의 댓글