2025.01.13
출처
[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()...
[JS] 자바스크립트로 HTML을 생성하는 방법과 응용법
1 .createElement() CreateElement() 요소 생성 Element.innerHTML() 텍스트 생성 Element.class...
[JS] 버튼 클릭하면 서브메뉴 보이기
편의상 부트스트랩을 사용하였음. display: none, block으로 할 수도 있지만, 클래스를 추가&삭제하는 ...
[JS] 모달창에 애니메이션 주기
One-way Ui 애니메이션 버튼 클릭하면 나오는 모달창에 애니메이션 주기 시작 스타일 마지막 스타일 JS...