profile
프론트엔드 꿈나무, 탐구자.

SWR 심층탐구 - useSWRImmutable

SWR에 대해 깊게 알아보자.

2022년 8월 16일
·
0개의 댓글
·

SWR 심층탐구 - useSWRInfinite

SWR에 대해 좀 더 깊게 알아보자.

2022년 8월 15일
·
0개의 댓글
·

SWR 심층탐구 - useSWR, mutate

SWR에 대해 좀 더 깊게 알아보자.

2022년 8월 15일
·
0개의 댓글
·

react-beautiful-dnd 이슈

unable to find draggable with id

2022년 8월 15일
·
0개의 댓글
·

react 17에서 18으로 마이그레이션

때 늦은 마이그레이션

2022년 7월 13일
·
0개의 댓글
·

왜 Next.js 인가?

당신이 React를 써봤다면, 쓰고 있다면, 꼭 Next.js를 알아보라

2022년 6월 16일
·
0개의 댓글
·
post-thumbnail

vite에서 favicon 적용하기(vite-plugin-favicon)

vite는 favicon 적용이 webpack 보다 어렵다. 그래도 결국 알아냈지.

2022년 6월 7일
·
0개의 댓글
·
post-thumbnail

JS 임의의 순서로 배열 재정렬

JS에서 임의로 배열의 순서를 재정렬

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

HTML 비어있는 script 태그 체크

비어있는 script 태그 안에는 무엇이 들어있을까?

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

react-router v6 useLocation ts2558 오류

왜 오류가 발생하지?

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

DNS는 무엇인가?

DNS가 무엇인지, 도메인은 무엇인지? 만료되어버린 내 도메인을 떠나보내고, 새로운 도메인에 내 서버를 연결해보자.

2022년 4월 2일
·
1개의 댓글
·

JS로 웹 크롤링

cheerio 라이브러리를 이용한 JS 웹 크롤링

2022년 3월 11일
·
0개의 댓글
·
post-thumbnail

CORS의 Cookie

서론 서버와 클라이언트의 통신을 이용한 로그인 기능을 구현하는 것에 쿠키를 사용하기로 했다. 왜냐하면 httpOnly 쿠키 헤더를 활성화하면 XSS 공격은 어느 정도 방어가 가능하고, 쿠키는 클라이언트에서 코드로 조작하는 등의 수고로움이 없기 때문이다. 그런데 CORS의 세계는 너무나 냉혹했다. CORS 정책을 따르지 않는 쿠키는 HTTP 통신을 할 수 ...

2021년 7월 27일
·
4개의 댓글
·

JWT 사용하기

서론 이전 포스트에선 JWT를 왜 쓰는지, 뭐하는 친구인지, 어떻게 쓸지에 대해 이야기했다. 이번 포스트에선 실제로 express 서버에 적용해보는 시간을 가져보려고 한다. 구현 로그인 클라이언트가 Token을 발급받기 위해서는 인증을 해야한다. 여기서는 인증 수단으로 ID와 Password를 입력받는 로그인을 사용하겠다. /login Endpoint...

2021년 7월 22일
·
0개의 댓글
·

JWT 이해하기

서론 이전 포스트에서는 회원가입과 로그인 API를 만들었다. 이제 유저가 로그인이 필요한 API를 요청할 때에, 해당 유저가 로그인이 되었는지 안 되었는지를 확인하는 기능이 필요하다. 인증과 인가 우선 다루고 있는 것이 인증 과 인가 에 대한 부분이니만큼 둘의 차이에 대해 인지하고 있어야한다. 회원가입 / 로그인은 인증에 관한 기능을 한다. 유저는 회...

2021년 7월 16일
·
0개의 댓글
·

회원가입 / 로그인 API 만들기

서론 1년 전에 CRUD 기능을 가진 게시판 웹의 Front와 Back을 만들어서 배포한 적이 있다. 그 때에는 로그인 기능을 넣지 않았는데, "어짜피 만들 줄 알아!" 라는 생각과 "이 웹에는 로그인 기능이 필요없다." 라는 생각이었다. 근데 이제 와서 냉정히 생각해보면 그냥 만들기 어렵고 귀찮으니 자기합리화를 했던 것 뿐이었다. 요 근래에 SWR이라는...

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

Github - merge / squash merge / rebase merge

이 글의 목적 최근 Github의 Branch 분기와 Pull request merge를 배우고 활용하면서 Merge의 종류가 다양하다는 걸 알게 되어 이번 포스팅에서 알아보려고 한다. merge의 모든 속성을 알아볼 것은 아니고, Pull request를 할 때에 Github가 권장하는 merge 세 가지(merge, sqaush merge, reba...

2021년 7월 1일
·
2개의 댓글
·
post-thumbnail

Github / Issue Tracker와 Project Board

Github가 제공하는 Issue, Project, Milestone에 대해 알아보자.

2021년 6월 27일
·
0개의 댓글
·
post-thumbnail

vue3에서 전역 변수 선언하기

최근에 vue3으로 채팅 기능이 있는 웹을 만들고 있다. main.js에서 선언된 socket 인스턴스를 다른 컴포넌트에서도 쓸 수 있게 전역 변수로 두려고 했는데, 잘 안 되는 것이다. vue2에서 vue3으로 넘어가면서 워낙 업데이트가 잦다 보니 한참 구글링 하고 나서야 찾았다. vue3에서 전역 변수 선언하기 이 글에서의 vue 버전은 3.0.0이...

2021년 6월 25일
·
0개의 댓글
·

eject 없이 CRA의 webpack.config 수정하기

이번 포스팅에선 eject 없이 CRA의 webpack.config를 수정하는 기능을 지원하는 라이브러리에 대해 알아본다.

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