728x90 300x250 SMALL 분류 전체보기1127 부드럽게 이동하기 jQuery $("#target").animate({ left:이동 위치값, top:이동 위치값 }, 이동시간); 이미지 부드럽게 이동하기 예시 2024. 1. 9. 중복 코드 상속 기능 활용해서 개선하기 중복 코드를 상속 기능을 활용해서 개선하는 간단한 javaScript 예시 풀이 전 // 중복 코드가 있는 예제 function Animal(name, age) { this.name = name; this.age = age; } Animal.prototype.sayHello = function() { console.log('안녕하세요, 나는 ' + this.name + '이고, ' + this.age + '살입니다.'); }; function Dog(name, age, breed) { this.name = name; this.age = age; this.breed = breed; } Dog.prototype.sayWoof = function() { console.log('멍멍!'); }; 위의 중복 코드.. 2024. 1. 8. 클래스 상속 기능 사용 - 중복코드 제거 - 비공개 보호되어 있는 글 입니다. 2024. 1. 7. @supports 최신 브라우저에만 스타일 적용하기 '@supports'는 css 조건부 규칙 중 하나로, 특정한 css속성이나 값이 브라우저에서 지원되는지 여부를 확인하는데 사용된다.이를 통해서 특정 스타일을 지원하는 최신 브라우저에만 스타일을 적용하거나, 그렇지 않은 경우에는 대체 스타일이나 처리를 정의할 수 있다. @supports (condition) { /* condition이 참일 때 적용되는 스타일 */ } 여기서 condition은 특정한 css 속성이나 값의 지원여부를 확인하는 조건을 나타낸다. 만약 조건이 참이면 괄호 안의 스타일이 적용되고, 그렇지 않으면 무시된다 예시 리스트 아이템 1 리스트 아이템 2 현재 브라우저가 (background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rg.. 2024. 1. 6. 이전 1 ··· 37 38 39 40 41 42 43 ··· 282 다음 728x90 반응형 LIST