post-thumbnail

useMemo와 useCallback는 왜, 언제 사용할까?

메모이제이션을 담당하는 useMemo와 useCallback 이라는 두 가지 리액트 훅을 살펴보고 각각의 장점과 단점이 뭐가 있는지 알아보자.

5일 전
·
0개의 댓글
·
post-thumbnail

[번역] 왜 리액트는 리렌더링을 할까? (Why React Re-Renders)

React 개발자에게 "React에서 리렌더를 유발하는 것은 무엇인가요?"와 같은 질문을 하면 몇 가지 다른 대답을 얻을 수 있을 것입니다.

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

[Next.js] dev 모드에서 잦은 리로딩 방지하기 (feat. next.config.js)

next.config.js에서 onDemandEntries로 리로딩을 방지할 수 있다!

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

MSW(Mock Service Worker)로 더욱 생산적인 FE 개발하기

MSW(Mock Service Worker)는 Service Worker를 이용해 서버를 향한 실제 네트워크 요청을 가로채서(intercept) 모의 응답 (Mocked response)를 보내주는 API Mocking 라이브러리이다.

2022년 11월 4일
·
2개의 댓글
·
post-thumbnail

Next.js 13 출시

Next.js 13이 드디어 출시되었다. 업데이트 된 내용을 알아보자!

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

IE11 브라우저에서 유저 리다이렉트 시키기 (feat. Next.js Redirects)

인터넷 익스플로러 Next.js에서 대응하기

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

BEM이란?

CSS 네이밍 컨벤션 BEM에 대해서 알아보자

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

[React] Toast UI Editor 적용기

Next.js 프로젝트에 Toast UI Editor를 적용해보자

2022년 10월 21일
·
0개의 댓글
·
post-thumbnail

Firestore 데이터 관리 방법 알아보기

Firestore 데이터 저장 / 수정 / 삭제 가져오기 예제 정리

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

SSR에서는 UseLayoutEffect 대신 useEffect를 사용하자!

Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format.

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

intersection observer란? (feat: 무한 스크롤 만들기)

무한 스크롤을 구현하거나 특정 요소를 관찰하고 싶을 때는 Intersection observer API를 사용하자!

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

왜 리액트를 배워야 할까?

수많은 프론트엔드 기술중에 왜 하필 리액트를 배워야하는지에 대해서 간단히 알아보려고 한다.

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

useEffect 완벽 가이드 요약

본 게시글은 useEffect 완벽 가이드를 정리 & 요약하는 글입니다.

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

2022 프론트엔드 취준 기록 (+참고 사이트, 면접 질문 정리)

약 3개월 동안의 취준이 끝나고, 최종합격 후 1개월이 더 지났다. 시간이 더 지나기 전에 취업 준비를 하며 얻은 정보들, 취업 과정, 그리고 다음 취준 시 개선해야 할 점을 정리하려고 한다.

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

Next.js 란?

SSR를 가능하게 해주는 프레임워크!

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

MobX 훑어보기

상태관리 라이브러리, MobX 개념 알아보기

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

동기, 비동기란? (+Promise, async/await 개념)

1. 동기 vs. 비동기 우선 차이점 부터 설명하자면, 동기는 '직렬적'으로 작동하는 방식이고 비동기는 '병렬적'으로 작동하는 방식이다. 즉, 비동기란 특정 코드가 끝날때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 의미한다. 비동기 처리를 예로

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

jwt로 로그인 기능 만들기 (React + Rails )

jwt란? JWT(Json Web Token)의 약자로, Json 포맷을 이용해 인증에 필요한 정보를 암호화 한 웹 토큰이다.

2022년 3월 1일
·
2개의 댓글
·
post-thumbnail

코어 자바스크립트 - 5. 클로저

클로저란, 어떤 함수 A에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우, A의 실행 컨텍스트가 종료된 이후에도 변수 a가 사라지지 않는 현상

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