React

리액트에서 이벤트를 다루는것, 기존 HTML DOM Event를 다루는 것과 비슷.클래스형 컴포넌트로 구현함수 컴포넌트로 구현(대부분의 작업)함수 컴포넌트에서 여러 개의 인풋 상태 관리1\. useState에서 form 객체 사용2\. useReducer, 커스텀 ho

스타일링 방식\- CSS를 작성할 때 가장 중요한 점은 클래스명을 중복되지 않게 만드는 것!1\. 일반 CSS1) 이름 짓는 규칙: 컴포넌트 이름 - 클래스 형태(App-headr) 혹은 BEM 네이밍(일종의 규칙을 준수하여 해당 클래스가 어디에서 어떤 용도로 사용되는

컴포넌트의 라이프사이클 메서드 : 컴포넌트 상태에 변화가 있을 때마다 실행하는 메서드. 서드파티 라이브러리를 사용하거나 DOM을 직접 건드려야 하는 상황에서 유용라이프사이클은 총 3가지: 마운트, 업데이트, 언마운트&& 접두사 Will(작업 작동 전), Did(작업 작

1\. 라우팅이란? 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것리액트 라우트 시스템은 대표적으로 리액트 라우터, Next.js 두가지가 있음 \- 리액트 라우터 : 가장 오래됐고, 많이 사용되고 있음. 라우팅 기능에만 집중 \- Next.js : 프

□ 리덕스란? 리액트 상태 관리 라이브러리컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 더욱 효율적으로 관리 가능컴포넌트끼리 똑같은 상태를 공유해야 할 때, 여러 컴포넌트를 거치지 않고도 손쉽게 상태 값을 전달하거나 업데이트 가능(전역 상태 관리)리액트