2025.01.13
출처
[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는 변수와 유사한 개념으로 컴포넌트의 내부에서 변경이 가능한 데이터를 다루기 위해 사용하는 객체...
[React] 리액트 초기 폴더 구조와 JSX 문법
리액트 CRA 초기 폴더 구조 (Create React App) node_modules 프로젝트 구동에 필요한 모든 라이브러...
[JS] 로컬 스토리지로 장바구니 기능 구현하기
변수는 페이지를 새로고침하면 다시 초기값으로 변하기 때문에 데이터를 영구적으로 저장하기엔 적합하지 ...
[JS] forEach와 for In을 사용하여 반복문 작성하기
지난 번에 이어, 상품의 옵션이 많아지면 일일히 작성할 수 없으니 조금 더 확장성 있는 코드를 작성해보기...