React

React에서 husky와 lint-staged를 사용하여 Git에 커밋할 때, ESLint와 Prettier를 실행하도록 설정해 봅시다.

React에서 Prettier를 사용하여 코드의 포맷을 일정하게 유지시켜 보자.

create-react-app로 생성한 React 프로젝트에서 react-testing-library를 사용하여 테스트하는 방법에 대해서 알아봅시다.

create-react-app에서 테스트에 많이 사용되는 Jest에 대해서 알아봅시다.

create-react-app으로 생성한 React 프로젝트에 styled-components를 적용하는 방법에 대해서 알아봅시다.

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

create-react-app으로 생성한 React 프로젝트에 TypeScript를 적용하는 방법에 대해서 알아봅시다.

create-react-app을 사용하여 React 프로젝트를 시작해 봅시다.

리액트란 무엇인지 알아보고, 리액트의 특징에 대해서 살펴봅니다.

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

react-router을 사용하여 React(리액트)에서 페이지 전환을 사용해 봅시다.

React(리액트)에서 컴포넌트(Component)를 불러올때(import), root 폴더를 기준으로 불러오도록 설정해 봅시다.