728x90 반응형 데이터바인딩2 [JS] array 와 object 자료형 & 데이터바인딩 (2) 준비물 데이터 바인딩 - 데이터와 화면을 연결 - ex) 가격표 실시간 변경 첫째 상품명(Blossom Dress)을 뽑기 - console.log 로 먼저 찍음 console.log(products); 다음과 같이 나온다 시작기호 보기 [ 시작 - array 그 다음 { - object 3개 HTML에 클래스 부여 Card title 이렇게 셀렉터가 html 요소를 찾기 쉽게 하기위해 클래스를 부여. 또는 document.querySelectorAll(".card-body h5")[0] 이렇게도 쓸 수 있다. document.querySelector(".card-title").innerHTML = products[0]["title"]; 인덱스 (array) 먼저 써주고 순차적으로 이름 (object) .. 2024. 4. 1. [JS] array 와 object 자료형 & 데이터바인딩 (1) 자료형변수등 여러가지 자료를 한곳에 저장하고 싶을 때 사용array 자료형- 대괄호 []- [숫자] = 인덱스 var car = "소나타";var carPrice = 50000;var carColor = "white";이와 같은 변수들을var car = ['소나타', 50000, 'white'];다음과 같이 한 곳에 저장자료 꺼내기 - 숫자var car = ['소나타', 50000, 'white'];console.log(car[1]);50000만 꺼내고 싶은 경우인덱스를 사용해 꺼낼 수 있음.인덱스 - 0부터 시작 자료 수정var car = ['소나타', 50000, 'white'];car[1] = 8000;자료 수정도 인덱스로 함.자료 추가var car = ['소나타', 50000, 'white'];c.. 2024. 4. 1. 이전 1 다음 728x90 반응형
