rhanziy

var products = [ { id: 0, price: 70000, title: 'Blossom Dress' }, { id: 1, price: 50000, title: 'Springfield Shirt' }, { id: 2, price: 60000, title: 'Black Monastery' } ] // 데이터 형식 function addTemplet(data){ data.forEach((e)=>{ var card = ` ${e.title} 가격 : ${e.price} 구매 ` $('.row').append(card); }) } // 데이터에 맞게 카드형식으로 html append 우선 데이터를 카드 식으로 화면에 뿌려준다. $('.buy').click(function(e){ var title = ..

const toBuy = ["potato", "tomato", "pizza"]; // list는 [] console.log(toBuy); console.log(toBuy.length); toBuy[3] = "olive"; // 배열의 개수를 알때, index는 0,1,2. . . 순서다. console.log(toBuy); toBuy.push("cheeze"); // 배열의 마지막에 값을 넣을때! console.log(toBuy); 'use strict'; // Array 🎉🎉 // 1. Declaration const arr1 = new Array(); const arr2 = [1, 2]; // 2. Index position const fruits = [ '🍎', '🍌' ]; console.log(f..

const player = { // object는 {} name : "rani", age: 98, }; player.name = "rhanziy" // 속성 값 변경 console.log(player); player.cool = true; // 속성 값 추가 console.log(player); // Objects // one of JavaScript's data types // a collection of related data and/or functionality // Nearly all objects in JavaScript are instance of Object // object = { key : value }; // 1. Literals and properties const obj1 = { }..

* 스크롤에 대한 기초 지식 1. $(window).scrollTop() 2. $(window).height() 3. $(document).height() 이 세 가지만 알면 스크롤이 맨아래 도달시에 조건을 핸들러로 사용하여 글을 불러오는 등의 동작을 할 수 있다. 1. $(window).scrollTop() : 스크롤의 위치에 따라 변하는 값 (세로 좌표) : 맨 위에서 0으로 시작하여 맨아래 도달시 스크롤 길이 max값을 가짐. http://www.trandent.com/jsTest/22393920144658 위 사이트에서 실험가능! 2. $(window).height() : 보여지는 창의 높이길이 3. $(document).height() : jsp, html 등 문서의 높이 길이 : 보여지는 창의..