2025.01.13
출처
[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을 사용하여 반복문 작성하기
지난 번에 이어, 상품의 옵션이 많아지면 일일히 작성할 수 없으니 조금 더 확장성 있는 코드를 작성해보기...
[JS] ajax를 통해 상품 더보기 버튼 만들기
더보기 버튼을 클릭하면 ajax를 통해 데이터 가져오기 클릭 2번까지 상품을 가져오고, 3번을 클릭하면 더보...
[JS] array에 자주 사용되는 sort(), filter(), map()
sort() 오름차순 정렬 콜백 함수의 a와 b는 array안의 자료들을 말한다. 기본적으로 자바스크립트의 sort()...