반응형

전체 글 197

[JS] 배열 함수

let num = [10,20,30]; let chars = ["a","b","c","d","e"]; let sum1 = num.concat(chars); // 배열 두 개 합치기 num 을 기준으로 chars 합치기 let sum2 = chars.concat(num); // char2 을 기준으로 num 합치기 let str1 = num.join('/'); // 배열 값 사이에 / 로 구분하기 let arr1 = num.push(40); // 배열 뒤에 추가 num.unshift(0); // 배열 앞에 추가 num.pop(); // 배열 뒤에 요소 한 개 삭제 num.shift(); // 배열 맨 앞 요소 한 개 삭제 let newNum = num.splice(2); // index 2번 부터 끝까지 ..

Java Script 2023.04.11

수업 26일차 - html/css/javascript 4

1교시 : 트랜지션 transform: scale #scalex:hover{ transform: scaleX(2); /* x축으로(가로) 2배 확대 */ } #scaley:hover{ transform: scaleY(1.5); /* y축으로(세로) 1.5배 확대 */ } #scale:hover{ transform: scale(0.7); /* x, y축으로(가로, 세로) 0.7배 확대 */ } transform:skew #scalex:hover { transform: skewX(50deg); /* 50도 만큼 X축으로 비틀어짐 */ } #scaley:hover { transform: skewY(20deg); /* 20도 만큼 Y축으로 비틀어짐 */ } #scale:hover{ transform: skew(..

수업 25일차 - html/css/javascript 3

1교시 : 웹 이론 1장 2교시 : 웹 이론2장, 웹 이론3 HTML 삽입 미리보기할 수 없는 소스 details와 summary 태그 Q & A 리스트 Question 1 웹 개발자가 알아야 하는 언어 3 가지? Answer 1 HTML5, CSS, Javascript => 첫번째 방법이 편리하나 두번째 방법을 앞으로 많이 쓰게 될 것 3교시 : 실습 * 그라데이션 1 2 3 4 5 6 7 8 9 1 2 3 4 4교시 : CSS 선택자 * 참고 : https://blog.pages.kr/2487 section p /*section의 하위요소 p 태그 */ section > p /*section의 첫번째 하위요소(자식요소1개만) p태크 1개만 */ h1 ~ p /*h1 과 형제 관계인 p 태그에 영향 *..

수업 24일차 - html/css/javascript 2

css 정리 순서 - 최근에는 abc 순서 [CSS 글씨 디자인 ] http://jun.hansung.ac.kr/CWP/css/CSS%20Font.html CSS Font CSS Font CSS font 속성은 font family, boldness, size 와 텍스트의 스타일을 정의합니다. Serif 와 Sans-serif Font의 차이 CSS Font Families CSS 에는 font family 이름의 두 가지 유형이 있습니다: generic family - 비슷한 모 jun.hansung.ac.kr 그림자 text-shadow : 1px(그림자 좌우) 2px(그림자 위아래) 3px(그림자 흐림정도) 5px(그림자 크기) black(그림자 색상) 대소문자 text-transform: capi..

반응형