리액트 ⚙️

React를 araboja

정의 위 element라는 변수는 JSX라는 문법으로 부르고, Javascript의 문법 확장입니다. JSX를 쓰는 이유 기존의 바닐라 자바스크립트에서는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 반면, React는 마크업과 로직을 포함하는 컴포넌트로 불리는 유닛으로 관심사를 분리합니다. 컴포넌트란? 재사용 가능한 독립된 조각을...

엘리먼트(Element) React 애플리케이션의 기본 구성 요소

깊게 들어가면 끝도 없다 . . .

기본편

UI를 표시하는 3가지 단계

개요 Server Side Routing VS Client Side Routing 리액트 라우터는 Client Side Routing 을 사용한다. Server Side Routing (전통적인 방식) 브라우저는 웹 서버에 문서를 요청하고, CSS와 JS를 다운로드하여 평가한 후에 서버에서 보내준 HTML을 렌더링한다. 사용자가 링크를 클릭하면 새...

부제: 프론트엔드의 발전은 어디까지인가

Hook은 한국어로 고리, 낚싯바늘을 의미합니다.만약 제가 낚시를 한다고 생각하였을때 낚시대를 준비해야하는것이 효율적일 것이고, 그 낚시대에는 고기를 낚기위한 낚싯바늘이 있겠죠?그리고 그 낚싯바늘에 미끼를 걸고 기다리다보면 물고기가 그 미끼를 물고, 낚시바늘에 걸리고

개인 프로젝트를 진행하던 도중, API를 통해 받아와야할 데이터가 생각보다 커서 Layout Shift 이슈가 발생하였습니다.

저번 글에 이어 이번 포스팅에서는 제가 어떻게 Suspense 컴포넌트와useSuspenseQuery 를 도입하여 Skeleton UI를 구현하였는지에 대해 포스팅해보겠습니다.먼저 이번 개인 과제는 https://restcountries.com 에서 제공해주는

"낙관적 업데이트는 UX를 향상시켜준다."

Tanstack Query는 다른 전역 상태 관리 라이브러리들을 대체할 수 있는가

Tanstack Query의 기본값