2025.01.13
출처
[React] Context Api
Context는 컴포넌트간에 데이터를 전달할 때 사용되며, props를 통해 여러 컴포넌트를 거치지 않고 데이터...
[React] redux로 장바구니 만들기
redux는 props 없이 state를 공유할 수 있게 도와주는 라이브러리로, 사용한다면 컴포넌트간 state 공유가 ...
[React] Style components
컴포넌트가 많은 경우, 스타일을 적용할 때 불편함이 생길 수 있다. 예를 들어 다른 컴포넌트에 원하지 않...
[React] Lifecycle
컴포넌트는 Lifecycle이라는 개념이 존재한다. 각각의 컴포넌트에는 수명주기가 존재한다는 뜻인데, 렌더...
[React] AJAX
서버에 데이터를 요청할 땐, 어떤 데이터인지(URL) 어떤 방법으로 요청할지 (GET/POST) 규격에 ...
[React] 라우터
라우팅이란? 사용자가 요청한 URL에 해당하는 페이지를 보여주는 것이라 할 수 있다. 사전적 의미로는 ...
[React] props
프로퍼티(props)란? properties의 줄임말 상위 컴포넌트가 하위 컴포넌트에게 값을 전달할 때 사용한다. (...
[React] 모달창 만들기
리액트로 동적인 UI 만드는 방법 HTML과 CSS로 UI 디자인을 완성한다 UI의 현재 상태를 state...
[React] map()으로 html 반복해서 생성하기/좋아요 구현
똑같은 HTML이 반복돼서 나온다면 반복문으로 줄일 수 있는데, JSX 중괄호 안에서는 for 반복문을 ...
[React] state의 특징과 응용해서 다양한 버튼 만들기
state는 변수와 유사한 개념으로 컴포넌트의 내부에서 변경이 가능한 데이터를 다루기 위해 사용하는 객체...