profile
휴식을 좋아하는 개발자
post-thumbnail

가비지 컬렉션 모르시는분~!!

JS : 모르면 들어가...

2일 전
·
8개의 댓글
·
post-thumbnail

자바스크립트 이론 부시기

프론트엔드에서 자바스크립트만 쓰는 이유? V8? 런타임? 노드는 싱글 스레드? 궁금한거 총정리!!

2022년 9월 18일
·
11개의 댓글
·
post-thumbnail

오늘만큼은 로그인을 부셔보자.

친구 : 로그인 하나에 이렇게 많은 개념이 필요해?

2022년 9월 4일
·
12개의 댓글
·
post-thumbnail

백엔드님! 저도 개발해야하는데 API 좀... (feat. MSW)

이제 API 없어서 통신 로직 못짠다고 빌빌대지 말자!!

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

hover시 previous(이전) 요소에 스타일 부여하기

Element를 hover할 경우 다음(Next) Element도 hover한 효과를 구현하는 것은 css를 이용하여 쉽게 할 수 있다. 하지만 이전(previous) Element들에게도 hover 효과를 넣는 것은 다른 문제다...

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

스크롤 방향에 따라 헤더 ON/OFF

항상 기능을 구현하다 보면 React에서 동작하던 기능이, pre-rendering을 수행하는 Next.js에서는 에러를 발생시킬 수 있다.

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

페이지 접근 제한할 때, URL에 직접 접근하는 유저는 어떻게 처리할까?

Custom Hook을 생성하여 사용 vs getServerSideProps(SSR)를 이용하는 방법

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

크롬 익스텐션 너두 할 수 있어!

Chrome Extension을 바닐라JS로 설계해보자.

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

Input 아직도 useState로 관리 하시는분? (feat. react-hook-form)

input 하나만 핸들링 해도 모두 리랜더링 되는 현상

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

공통 컴포넌트에 상황에 맞는 스타일을 적용하는 방법 (feat. Emotion style)

자세가 동일한 마네킹이 다른 옷만 입고 있다. 이런 경우에는 마네킹을 찍어내는 공장을 만들고 옷만 다르게 입히자.

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

타입스크립트에서 Object의 대괄호 표기법 허용하기

bracket notation property access (TypeScript)

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

ContextAPI에서 useState로 관리하는 값을 Provider로 내려주기

오늘은 간단하게 To fix this consider wrapping it in a useMemo hook 에러를 해결하는 방법을 알아보자.

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

무한 스크롤 구현하는 방법과 고려할 사항

무한 스크롤 구현과 최적화를 위해 display none을 사용하면 브라우저의 렌더링 동작 방식에서 어떤 문제점이 있는지 알아보자.

2022년 6월 24일
·
2개의 댓글
·
post-thumbnail

React Query에서 버튼 클릭시에 데이터를 요청하는 방법 (feat. useQuery)

프로젝트를 설계하다가 특정 이벤트를 발생할 경우 데이터를 요청하는 구조가 필요했다. useQuery를 이용하여 무지성으로 구현하는 방법과 정석으로 구현하는 방법을 알아보자.

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

Jest + react-testing-library 환경에서 TODO 프로젝트 TDD로 설계하기

지원 자격에 테스트 보고 뒤로가기 부터 누른다면?? 지금이라도 기초를 쌓아보자!!

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

Next.js + TypeScript 환경에서 Jest와 react-testing-library 셋팅하기

Jest + React Testing Library를 Next.js에서 사용할 수 있도록 셋팅을 해보자.

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

테스트를 처음 공부하는 프론트엔드 개발자의 개념 다지기

"프론트엔드에서 테스트는 어렵다" 라는 말을 듣고 테스트 공부를 안한 개발자가 있다면 지금이라도 개념부터 익혀보자.

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

객체지향 프로그래밍(OOP)과 TypeScript

프론트엔드 개발자가 Class기반 객체지향 프로그래밍에 쉽게 다가갈 수 있도록 TypeScript를 이용하여 설명하는 글이다.

2022년 5월 17일
·
0개의 댓글
·
post-thumbnail

객체를 키와 값을 이용하여 동적 생성할 경우 Type 선언

TypeScript 환경에서 객체(objcet)를 키(key)와 값(value)를 이용하여 동적으로 생성하는 방법을 알아보자.

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