React

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

[Next.js] Prettier

2022-04-01
Next.js에 Prettier를 설정하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[Next.js] TypeScript

2023-03-18
Next.js 프로젝트에 TypeScript를 적용하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[Next.js] 시작하기

2023-03-18
Next.js를 사용하여 React 프로젝트를 생성하고 실행하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[React] GitHub Pages에 배포

2023-03-18
create-react-app으로 만든 React 프로젝트를 GitHub Pages에 배포해 보도록 합시다.
자세히 보기 ▶︎

create-react-app에서 React Router 사용하기

2021-07-03
create-react-app로 생성한 React에서 페이지 전환 기능을 구현하기 위해 react-router를 사용하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[React] Context API

2023-03-18
React에서 데이터를 다루는 개념중 하나인 Context API를 사용하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[React] Props와 State

2021-07-01
React에서 데이터를 다루는 주요 개념인 Props와 State가 무엇인지 알아보고, 사용하는 방법에 대해서 살펴봅시다.
자세히 보기 ▶︎

[React] GitHub Actions으로 Prettier와 ESLint 사용하기

2023-03-18
React 프로젝트에 설정한 Prettier와 ESLint를 GitHub Actions를 사용하여 실행해 봅시다.
자세히 보기 ▶︎

[React] husky, lint-staged

2021-06-27
React에서 husky와 lint-staged를 사용하여 Git에 커밋할 때, ESLint와 Prettier를 실행하도록 설정해 봅시다.
자세히 보기 ▶︎

[React] ESLint

2023-01-25
React에서 소스 코드를 분석하여 버그와 오류를 찾기 위해 ESLint를 사용하는 방법에 대해서 알아봅시다.
자세히 보기 ▶︎

[React] Prettier

2023-03-18
React에서 Prettier를 사용하여 코드의 포맷을 일정하게 유지시켜 보자.
자세히 보기 ▶︎

create-react-app에서 react-testing-library로 테스트하기

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