React

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

Jest

2021-01-21
create-react-app에서 테스트에 많이 사용되는 Jest에 대해서 알아봅시다.
자세히 보기 ▶︎

create-react-app에서 styled-components

2023-03-18
create-react-app으로 생성한 React 프로젝트에 styled-components를 적용하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[타입스크립트] create-react-app에서 절대 경로 import

2023-03-18
create-react-app의 타입스크립트로 생성한 React 프로젝트에 절대 경로를 사용하여 컴포넌트를 추가하는 방법에 대해서 알아본다.
자세히 보기 ▶︎

create-react-app에서 TypeScript

2023-03-18
create-react-app으로 생성한 React 프로젝트에 TypeScript를 적용하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

create-react-app

2024-10-30
create-react-app을 사용하여 React 프로젝트를 시작해 봅시다.
자세히 보기 ▶︎

React란

2023-03-18
리액트란 무엇인지 알아보고, 리액트의 특징에 대해서 살펴봅니다.
자세히 보기 ▶︎

React에서 이미지와 웹 폰트 다루기

2023-03-18
Webpack(웹팩)을 기반으로 만든 React(리액트) 프로젝트에서 이미지(image)와 웹 폰트(font)를 사용하는 방법에 대해서 알아봅니다.
자세히 보기 ▶︎

React Router

2020-12-16
react-router을 사용하여 React(리액트)에서 페이지 전환을 사용해 봅시다.
자세히 보기 ▶︎

React에서 root import하기

2020-12-16
React(리액트)에서 컴포넌트(Component)를 불러올때(import), root 폴더를 기준으로 불러오도록 설정해 봅시다.
자세히 보기 ▶︎

React에서 styled-components 사용하기

2023-03-18
React(리액트)에서 styled-components를 사용하기 위한 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

React에서 Typescript 사용하기

2020-12-16
React(리액트)에서 Typescript(타입스크립트)를 사용하기 위한 방법에 대해서 알아보고, 간단하게 React(리액트) 프로젝트에 Typescript(타입스크립트)를 적용해 보겠습니다.
자세히 보기 ▶︎

Webpack으로 React 시작하기

2020-12-16
React(리액트)를 시작하기 위한 Webpack(웹팩)에 관한 설정을 알아보고, 간단하게 React(리액트) 프로젝트를 생성해보겠습니다.
자세히 보기 ▶︎