본문 바로가기
728x90
반응형

코딩애플171

sort, map, filter 함수 (1) array 정렬하는 법 - .sort() 사용 array - 순서 개념 有 - 정렬 가능 .sort() - 문자 정렬 - .sort() 이거만 붙이면 됨. var 어레이 = ["a", "c", "b"]; 어레이.sort(); console.log(어레이); 문자 역순 정렬 var 어레이 = ["a", "c", "b"]; 어레이.sort(function(a, b) { if (a > b) { return -1; // a가 b보다 크면 a를 더 앞으로 배치 } if (a < b) { return 1; // a가 b보다 작으면 b를 더 앞으로 배치 } return 0; // 같으면 변경하지 않음 }); var 어레이 = ["a", "c", "b"]; 어레이.sort().reverse(); console.log(.. 2024. 4. 8.
[JS] Ajax 정리 (2) 준비물 HTML Card title 가격 : 70000 JS// -- 13-1) Ajax var products = [ { id: 0, price: 70000, title: "Blossom Dress" }, { id: 1, price: 50000, title: "Springfield Shirt" }, { id: 2, price: 60000, title: "Black Monastery" }, ]; var 템플릿 = ` ${products[0]["title"]} 가격 : ${products[0].price} `; $(".row").append(템플릿); 3개 만들거니까 반복문 사용var products 변수가 array 로 시작하니까forEach 문을 써준다.products.forEach((a) => { v.. 2024. 4. 5.
[JS] Ajax 정리 (1) GET / POST 비교GET요청 - 서버에 있던 데이터를 읽고싶을 때POST요청 - 서버로 데이터를 보내고 싶을 때  GET, POST 요청을 저렇게 날리면 ,  브라우저가 새로고침된다.= Ajax 사용하기 AJAX란?- 서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고받을 수 있게 도와주는 브라우저 jQuery로 AJAX요청하기   GET 요청$.get('https://codingapple1.github.io/hello.txt');여기 경로 데이터 갖고옴$.get('https://codingapple1.github.io/hello.txt').done(function(data){ console.log(data)});데이터 확인하기= .done 아니면 .then 뒤에 붙이고 콜백함수넣.. 2024. 4. 3.
[HTML] form 태그 안에 button 만들 때 주의점 전송 버튼은 type 을 무조건 submit 으로 지정해줘야하고그 외의 버튼은 type 을 button 으로 지정해줘야함이렇게 만들어야 에러가 없다전송닫기 2024. 3. 22.
간혹 쓰는 Switch 문법 보호되어 있는 글 입니다. 2023. 12. 25.
캐러셀에 스와이프 기능 만들기 숙제 & 터치이벤트 보호되어 있는 글 입니다. 2023. 12. 25.
캐러셀에 스와이프 기능 만들기 보호되어 있는 글 입니다. 2023. 12. 25.
장바구니 기능과 localStorage 숙제 보호되어 있는 글 입니다. 2023. 12. 24.
장바구니 기능과 localStorage 보호되어 있는 글 입니다. 2023. 12. 24.
728x90
반응형