🔖 react 태그

View all tags

리액트 개발자 도구 탐구

최적화를 하기 위해서는 성능을 측정하는 방법을 알아야 한다. 동시에, 이게 어떻게 렌더링이 되며, 어떤 과정을 거쳐서 변화가 되는지도 파악할 필요가 있다. 이를 도와주는 개발자 도구에 대해서 알아보자.

리액트 만들기

리액트의 핵심 기능을 이해하고, 직접 구현해보며 리액트의 동작 방식을 깊이 있게 이해합니다.

리액트 성능 최적화 연구

모바일 사용자 기준 로딩이 3초 이상 걸리면 53%의 이탈율을 보입니다.(구글 보고서 기준) 사용자 경험에서 최적화는 굉장히 중요하다고 이야기할 수 있습니다. 리액트에서 어떻게 최적화를 할 수 있는 지 이야기를 하고자 합니다.

리액트 연구실 개요

개발자로서 제가 가진 꿈은 "어떤 기술을 나 잘 알아!"라고 당당하게 말할 수 있는 것 하나쯤은 갖고 있기 입니다. 물론, 그 기준은 모호하기 마련인데, 저는 이에 대해서는 "Maintainer"를 기준으로 잡았습니다. 선별한 기술은 리액트인데, 이에 대해서 깊게 이해하고 언젠가 "Maintainer"가 되겠다는 마음으로 만든 탐구 기록입니다.

리액트 원리 탐구

리액트가 등장하게 된 배경과 해결하고자 했던 문제들을 탐구하는 공간입니다. 리액트의 핵심 기술 원리와 이를 바탕으로 문제를 해결하는 방법을 깊이 있게 분석하고자 만들었습니다. 또한, 관련된 다양한 라이브러리들을 하나씩 살펴보며 리액트 생태계를 이해하고자 합니다.

리액트 훅 톺아보기

리액트 훅을 이해하고, 직접 구현해보며 리액트의 동작 방식을 깊이 있게 이해합니다.

리액트 훅이란?

리액트 훅이 무엇인지 이해하고, 리액트 훅이 어떤 문제를 해결하고자 하는지 알아봅니다.

해보면서 느낀 리액트 성능 최적화에 대한 고찰

항해 플러스를 진행하면서 리액트 성능 최적화를 진행했습니다. 그 과정에서, 최적화를 하는 방법을 배울 수 있었습니다. 최적화 기법을 도입한 결과 성능이 좋아지기도 했지만, 저하된 경우도 있었습니다. 이에 대한 기록입니다.