React

react(리액트)를 사용하여 개발한 내용을 정리한 블로그입니다.react(리액트)를 사용하면서 겪은 내용을 정리할 예정입니다.

[Vite] TypeScript 기반 React 프로젝트에 Stylelin(CSS-in-JS) 추가하기

2024-04-22
Vite를 사용하여 생성한 TypeScript 기반 React 프로젝트에 CSS-in-JS 환경에서 스타일(CSS)을 검사하기 위해 Stylelint를 추가하는 방법에 대해서 알아보도록 하겠습니다.
자세히 보기 ▶︎

[Vite] TypeScript 기반 React 프로젝트에 Prettier 추가하기

2024-04-22
Vite를 사용하여 생성한 TypeScript 기반 React 프로젝트에 Prettier를 추가하여 코드 포멧을 일관성있게 관리하는 방법에 대해서 알아보도록 하겠습니다.
자세히 보기 ▶︎

[Vite] TypeScript 기반 React 프로젝트에 테스트 환경 구성하기

2024-04-22
Vite를 사용하여 생성한 TypeScript 기반 React 프로젝트에 테스트 환경을 구성하는 방법에 대해서 알아보도록 하겠습니다.
자세히 보기 ▶︎

[Vite] TypeScript 기반 React 프로젝트 시작하기

2024-04-22
Vite를 사용하여 TypeScript 기반 React 프로젝트를 시작하는 방법에 대해서 알아보도록 하겠습니다.
자세히 보기 ▶︎

create-react-app용 커스텀 템플릿

2023-10-30
나만의 create-react-app용 커스텀 템플릿을 제작하고 이를 활용하여 React 프로젝트를 생성해봅시다.
자세히 보기 ▶︎

[Emotion] React does not recognize the XXXXX prop on a DOM element 문제 해결 방법

2022-10-22
Emotion을 사용할 때, 발생하는 React does not recognize the XXXXX prop on a DOM element 문제를 해결하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[Next.js] MUI

2023-03-18
TypeScript 기반의 Next.js에 UI 라이브러리인 MUI(Material UI)를 추가하고 사용하는 방법에 대해서 알아보도록 하겠습니다.
자세히 보기 ▶︎

[Next.js] 다국어 지원

2023-03-18
TypeScript 기반의 Next.js에서 next-translate을 사용하여 다국어를 지원하는 방법에 대해서 알아보도록 하겠습니다.
자세히 보기 ▶︎

[Next.js] Storybook 배경색 변경

2023-03-18
TypeScript를 기반으로 한 Next.js 프로젝트에 적용한 Storybook의 배경색을 변경하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[Next.js] Storybook

2023-03-18
TypeScript를 기반으로 한 Next.js 프로젝트에 Storybook를 사용하여 컴포넌트 주도 개발을 해 봅시다.
자세히 보기 ▶︎

[Next.js] 테스트

2022-05-08
TypeScript를 기반으로 한 Next.js 프로젝트에 Jest와 React Testing Library를 사용하여 테스트를 할 수 있는 환경을 만드는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[Next.js] 절대 경로로 컴포넌트 추가

2023-03-18
TypeScript 기반의 Next.js에서 절대 경로를 통해 컴포넌트를 추가(import)하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎