Lecture (86) 썸네일형 리스트형 0413.Lecture drop menu array 코드 줄이는 vw: view width / vh: view height > view == whole browers size > 약간 %같은 느낌? 1당 1% : ex) 90vh = 높이 기준으로 90%; 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.. 0330.기초 function을 정의해도 사용(함수이름())하지 않으면 실행이 안됨. function a(){ console.log(0); } {} : 코드블럭 결과값 b를 전역변수로 선언해 '나는 비다'라는 값을 넣어준다. 그래서 함수밖에있는 console.log안에 있는 b는 '나는 비다'라는 값을 출력한다. 새로운 함수를 시작한다. 그리고 그 안에 b를 지역변수로 선언해 '나는 에이다'라는 값을 넣어준다. 그 함수를 실행시켰을때는 함수안에 console.log로 b가 '나는 에이다'라고 출력한다. var 지역변수와 전역벽수의 이름이 같다고 치고 함수안에 지역변수를 선언해준다. 그때 지역변수 앞에 var을 붙이면 그 지역(함수) 안에서'만' 변수가 적용이된다. 하지만 (javascript에서는) 지역변수앞에 var.. 3.23 - img_changing li[0] >> 이게 위에서 선택된 li element의 가장 첫번째를 가르킨다. appendChild 로 ul element가장 아래에 넣는다 라는 소리. 써놓고 보니 진짜 간단한데 왜 생각을 못했지,, 이전 1 ··· 6 7 8 9 10 11 다음
