본문 바로가기

분류 전체보기

(293)
객체불러오기(펼침연산자사용>복사,추가,결합) { //객체불러오기(펼침연산자,복사) const ob18 = { a: 100, b: 200, c: "javascript" } const spread = { ...ob18 }; document.write(spread.a, " "); document.write(spread.b, " "); document.write(spread.c, " "); document.write( " "); } { //객체불러오기(펼침연산자,추가) const ob19 = { a: 100, b: 200, c: "javascript" }; const spread = { ...ob19, d: "react" }; document.write(spread.a, " "); document.write(spread.b, " "); document.w..
객체불러오기(변수,forin,map) //객체불러오기(변수로 불러오기) //이렇게 쓰는 경우가 많다 { const ob15 = { a: 100, b: 200, c: "javascript" } const name1 = ob15.a; const name2 = ob15.b; const name3 = ob15.c; document.write("*** 50. 객체 불러오기*** "); document.write(name1, " "); document.write(name2, " "); document.write(name3, " "); } //객체 불러오기(for in) //view에서는 이걸 많이쓰고react에서는 map 많이씀 { const ob16 = { a: 100, b: 200, c: "javascript" } document.write("**..
객체구조분해할당 //객체구조분해할당1 { const ob1 ={ a:100, b:200, c:300 } const{a,b,c} = ob1; document.write(a+b ," ");//300 } //객체구조분해할당2(새 변수 할당) { const ob2 ={ a:100, b:200, c:300 } const{ a:name1, b:name2, c:name3 } = ob2; document.write(name1+name3," "); //400 } //선언없는 객체구조분해할당 { const { a=100, b=200, c=300 } = {b:500,c:600} document.write(b+c);//1100 }
객체선언,객체생성자함수 //객체 선언하기1 { document.write("*** 35. 객체선언(생성자함수-key값x)*** "); const ob1 = new Object(); ob1[0] = 100; ob1[1] = 200; ob1[2] = "javascript"; document.write(ob1[0], " "); document.write(ob1[1], " "); document.write(ob1[2], " "); } //객체 선언하기2 (key, value) { document.write("*** 36. 객체선언(생성자함수-key&value)*** "); const ob2 = new Object(); ob2.a = 100; ob2.b = 200; ob2.c = "javascript"; document.write(ob..
배열메서드 find(), filter() 차이 find(function(){}) => 데이터요소들중 해당 조건의 첫번째 값가져옴 filter(function() =데이터 요소들중 해당조건의 데이터요소들을 배열로 생성 //배열 메서드 find() : 데이터 요소 찾기 { const arr29 = [100, 200, 300, 400, 500]; //const target1 = arr29.find(function(){}); //undefined const target1 = arr29.find((element) => { return element > 100 }); const target2 = arr29.find(el => el == 200); document.write("*** 31. 배열 메서드 find() *** "); document.write(tar..
jquery 부모자식형제요소 선택자 정리 find()는 선택한 하위요소 1 모두 선택가능 (**모든 하위선택도가능, ex. find('a'): a링크 가진 모든 하위요소) closet()은 선택한 상위요소 1 모두 선택가능 children()은 첫번째 하위요소만 선택가능 parent()는 첫번째 상위 요소만 선택가능 parents() 는 상위 모든 부모요소 반환 siblings() 는 같은 선상의 형제요소 모두 반환 prev() 이전요소 선택 next() 다음요소 선택
jquery 상단 네비 축소하기 ** 제이쿼리 css속성 적용 여러가지 속성적용시 대괄호로 묶어주고 쉼표대신 세미콜론 사용 ! AAA.css('속성',값); BBB.css({'속성:값','속성:값'}) $(function(){ //window scroll시 네비 축소 $(window).scroll(function(){ let mainHeader = $('#header'), //#header 높이변경 defaultLogo = $('.header .first > h1'), //글자 사이즈변경 navLetter = $('.header .topnav > a') //글자 line-height 변경 wScroll = $(this).scrollTop(); if(wScroll>100){ if(!mainHeader.hasClass('shrink')){..
jquery 스크롤시 네비바 변형 codepen.io/fangmin/pen/bGqGrpM