728x90 반응형 프론트엔드개발2 [Part. 05] TanStack Router로 React 프로젝트 라우팅하기 React 프로젝트에서 라우팅을 처리할 때 React Router가 가장 일반적인 선택이었지만, 최근 TanStack Router가 주목받고 있다.실제 프로젝트에 TanStack Router를 적용해보며 느낀 장점과 구현 방법에 대해 작성해보고자 한다. TanStack Router의 특징TanStack Router는 다음과 같은 특징을 가지고 있다.타입 안전성: 완전한 TypeScript 지원으로 컴파일 시점에 오류 감지파일 시스템 기반 라우팅: Next.js와 유사한 직관적인 라우팅 구조자동 코드 분할: 성능 최적화를 위한 자동 코드 스플리팅개발자 도구: 강력한 DevTools 제공 프로젝트 설정1. 패키지 설치npm install @tanstack/react-router @tanstack/react-.. 2025. 7. 5. [React] styled-components : 실무에서 자주 쓰이는 패턴 정리 1. styled-components란?styled-components는 React에서 CSS-in-JS를 구현하기 위해 사용하는 방법 중 대표주자이자 인기가 많은 라이브러리이다.컴포넌트 기반으로 스타일을 관리할 수 있어 React의 철학과도 잘 어울린다. 2. 설치 방법// npm 설치 시npm install styled-components// yarn 설치 시yarn add styled-components 3. 기본 사용법- 기본적으로 스타일을 적용하고자 하는 파일 안에 작성하며, 이 때 styled-components를 import 해줘야 한다.- 변수 작성하듯 작성하고 태그처럼 사용하면 된다.import styled from 'styled-components';// 기본적인 사용 방법const S.. 2024. 9. 30. 이전 1 다음 728x90 반응형
