전체 글 (163) 썸네일형 리스트형 f Slider Javascript 줄이기 원래 하던 방식 var index=0; var item = Math.floor(Math.random()*5); hero(item); function hero(n){ ul=document.querySelectorAll('#header_hero_backgrounds>ul'); if(index==ul.length){ index=0; } if(n == undefined){ for(i=0; i{ console.log(index,key,value); if(key == index){ value.setAttribute('class','hero on'); }else if(beNum == index){ value.setAttribute('class','hero out'); }else.. 0413.Lecture drop menu array 코드 줄이는 vw: view width / vh: view height > view == whole browers size > 약간 %같은 느낌? 1당 1% : ex) 90vh = 높이 기준으로 90%; web.code.0408 Web page 만들기/ 반응형 My page: Document 원래 페이지: www.sktcloudmarketplace.com/ filter: blur; contrast; brightness; invert; > display: grid는 전체 페이지 영역, display:flex는 가로 세로 영역 display: grid 참고 studiomeal.com/archives/533 justify-content: center; Pack items around the center start; Pack items from the start end; Pack items from the end flex-start; Pack flex items from the start flex-end; Pack flex items from the end left;.. 0401.객체 처음 두 코드 모두 객체를 만드는 코드. let obj = new Object(); let obj2 = {}; console.log(obj); // object console.log(obj2); // object 자동차라는 이름의 객체를 생성해주고 외부 하드웨어 값을 입력해줌 let 자동차 = {}; 자동차.핸들 = '동그라미'; 자동차.바퀴 = '4개'; 자동차.차키 = '스마트키'; 결과는 그 자동차 객체 안에 내부객체를 생성한뒤 내부요소들을 입력해줌 자동차.내부 = {}; 자동차.내부.네비게이션 = 'v1.01.23'; 자동차.내부.에어컨작동키 = 'on' 이렇게 되면 '자동차'라는 객체안에 '내부'라는 요소가 객체로써 존재하고 그 안에 네비게이션,에어컨작동키 라는 요소들이 존재하게 된다. 객체안에.. 0331. let var처럼 변수를 선언할때 사용함. 특정지역에서'만' 사용하겠다고 선언해주는 것 >> 즉 사용범위를 설정해주기 위해서 const 상수. 변하지 않는 변수변수를 변형시키지 않을때 사용함. 그래서 const index=0; function hello(){ console.log(index); index ++; } hello(); hello(); 이런식으로 const로 선언해준 변수를 변화시키려고 하면 두번째 함수를 적용할때 에러가 난다. 별찍기 별로 직사각형 만들기 for (let i = 0; i < 5; i++) { for (let j = 0; j 함수를 만들어서 hi라는 변수에 집어넣음 0331.객체 객체 : OBJECT >> 값을 저장해주는 공간. 함수도 들어갈 수 있음 커다란 {코드블럭} 이라고 생각하면 편할 듯 객체를 생성하는 방법 두가지 let obj = new Object(); let obj2 = { 객체 information } 객체 안에 특정정보를 저장해준다 obj.name = 'Zero'; obj.age = '20'; obj.career = ['1년 프로그래밍','서버개발자','프론트']; obj2 = { name:'Zero'; age:'20'; career:'dfdf' } 각각 특정값을 부여한 다음 console.log로 obj값을 찍으면 순서대로: name: 'Zero' age: '20' carrer: Array(3) 이렇게 나온다. 앞에 지정된 이름을 빼고 표시하고 싶다면 두가지 .. slider - pause/play btn 사실 두 버튼을 하나로 합치고 싶었는데 그렇게 되면 if문부터 너무 복잡해 질 것 같아서 그냥 단순하게 버튼 두개 만들고 함수를 두개 만들어서 onclick으로 실행했다. PAUSE BUTTON function pauseBtn(){ clearInterval(rolling); } 진짜 최고로 간단. 그냥 버튼 눌렀을때 interval 전체를 멈춰버리면 된다. PLAY BUTTON function playBtn(){ var type; var newIndex; slider(type,index,newIndex); rolling = setInterval(slider,5000); } 얘도 사실 엄청나게 간단하다,,, type이랑 newIndex변수 선언해주고 그대로 slider 함수 실행시켜준다음 setInterv.. 이전 1 ··· 13 14 15 16 17 18 19 ··· 21 다음 목록 더보기
