교육/Javascript&Jquery12 자바스크립트 + 제이쿼리 입문 day 7 자바스크립트 + 제이쿼리 입문 day 7 jquery 사용하는 법 jquery.com > download > cdn > google cdn 에서 스니펫 복사하여 붙여넣기 스크립트에서 사용하기 => 달러 표시 만약에 cdn을 호출하지 않았다면 콘솔창에서 $를 인식하지 못하는 에러를 띄운다. jquery 에서 css를 사용하는 법 eq : nth of = 형제 요소들 중에서 몇 번째를 선택할 것인지 .eq(0).css('color', 'red') // .을 이어서 사용 가능 : 앞전 것들이 3개가 존재 .eq(1).css('color', 'green') // 여기서 다시 .을 쓰면 이번에는 하나만 존재 => 선택자가 3개에서 한 개로 바뀐 상황임 last-child last 둘다 가능 $('div > p:l.. 2023. 1. 4. 자바스크립트 + 제이쿼리 입문 day 6 자바스크립트 + 제이쿼리 입문 day 6 object 기본 형태 간단한 클래스 obj를 만들고 출력해보기 제품이름(1000) const shopping = [ {title : '제품이름1', price:1000, thumb : './img/01.jpg'}, {title : '제품이름2', price:2000, thumb : './img/02.jpg'}, {title : '제품이름3', price:3000, thumb : './img/03.jpg'} ] shopping[0].title = '가디건'; const elObj = document.querySelector('.obj'); elObj.innerHTML = ` ${shopping[0].title}(${shopping[0].price}) `; cons.. 2023. 1. 2. 자바스크립트 + 제이쿼리 입문 day 5 자바스크립트 + 제이쿼리 입문 day 5 자바스크립트에서 함수를 만드는 방법 function incre(){ num++; elLikes.innerHTML = num; } elIncrement[0].onclick = incre; 함수 종류 function 함수명(){ 구현 로직 } let 함수명 = function() { 구현 로직 }; function test(){ } var, 함수선언식 => 브라우저가 상위로 끌어올려주기 때문에 위치에 상관없이 실행 가능하다. => 호이스팅 변수에 담아서 사용하기 let test1 = function(){ console.log('변수에 함수를 담아서 써보자') } let과 const에는 호이스팅이 일어나지 않는다. 실행이 아니라 그냥 전체가 출력되기 let test1 .. 2022. 12. 29. 자바스크립트 + 제이쿼리 입문 day 4 자바스크립트 + 제이쿼리 입문 day 4 img를 dom에 출력하기. 이미지를 100장 올리게 된다면 ? => 반복문 사용. var num = 1; wihle (num 버튼 -> 작동 : 비동기 요청이 들어왔을 때 결과값을 리턴하는 방식을 비동기라고 한다. button을 눌렀을 때 숫자 증가시키기 0 좋아요! 처음으로 wrap up 2단 .. 2022. 12. 26. 자바스크립트 + 제이쿼리 입문 day 3 day 3 자바스크립트 + 제이쿼리 입문 배열과 조건문 배열 (array) 배열은 선언하는 두 가지 방식 var arrNumber = new Array(); 배열 선언 var arrNumber =[1,2,3,4]; 배열 index 값을 활용하기 var arrNumber = new Array(); arrNumber[0] = 1; arrNumber[1] = 2; arrNumber[2] = 3; 배열 함수 push() var example = new Array("a", "b", "c"); example.push("d"); 배열을 선언하고 브라우저에서 확인해보자. let arr = [1,2,3,4,5]; console.log(arr[2]); // 3 console.log(arr.length); // 5 if 조.. 2022. 12. 23. 이전 1 2 3 다음
