리액트 컴포넌트 (2) 썸네일형 리스트형 React 맛보기 - React Hooks 지난 포스팅에서 리액트 컴포넌트에 대해서 공부해봤습니다. 이번 포스팅에서는 컴포넌트의 상태를 관리하는 리액트 훅에 대해서 알아보겠습니다. *이 포스팅 시리즈는 Next.js 공식 문서와 React 공식 문서, 타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발을 참고하여 작성했습니다. 예제에 사용된 버전은 다음과 같습니다. npm 9.5.0 react 18.2.0 typescript 4.9.5 훅(React Hooks) React Hooks는 React 버전 16.8에서 소개되었습니다. 훅은 함수 컴포넌트 안의 상태(State)나 생명 주기(Lifecycle)를 다루기 위한 기능입니다. 훅을 공부하기 앞서 리액트에서 말하는 상태와 생명 주기에 대해 먼저 알아볼 필요가 있었습니다. 상.. React 맛보기 - React Component Next.js는 React 기반의 프레임워크입니다. 본격적으로 개발에 들어가기에 앞서 React 기본이 되는 것들을 살펴보면 좋을 것 같아 이번 포스팅을 준비했습니다. *이 포스팅 시리즈는 Next.js 공식 문서와 React 공식 문서, 타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발을 참고하여 작성했습니다. 본 포스팅에서는 React에서 빠질 수 없는 컴포넌트와 훅에 관해 알아보겠습니다. 예제에 사용된 버전은 다음과 같습니다. npm 9.5.0 react 18.2.0 typescript 4.9.5 리액트 프로젝트를 생성해보겠습니다. 타입스크립트를 사용하기 위해 패키지를 추가합니다. npx create-react-app@latest study-react --template ty.. 이전 1 다음
