728x90 300x250 SMALL Front-end313 !default scss 변수 정의 !default는 기존의 정의된 값이 있다면 기존 값을 그대로 유지하고 없다면 새로운 값을 적용시킬때 사용한다. SCSS /* 변수선언 */ $color: green; $font-size: 30px; $font-size: 20px !default; .content { color: $color; font-size: $font-size; //30px 출력 } 원래는 마지막에 선언한 font-size:20px이 적용 되어야 하지만 !default를 같이 선언 했기 때문에 기존에 있던 30px이 적용 된다. 만약 기존 변수에 'null' 값이 있었고 !default를 선언한다면 !default를 선언한 변수값이 적용 된다. /* 변수선언 */ $color: null; $color: green !default; .. 2022. 1. 7. 이미지 배경 날리기 (누끼 제거) 사이트 이미지 배경을 날리는 작업을 누끼 제거 누끼 딴다고 하는데요 포토샵을 이용해서 딸 수 있지만 전문가가 아니라면 배경을 깔끔하게 날리는 게 쉬운 일이 아닙니다. 그래서 초보자들도 간편하게 이미지 배경을 제거 할 수 있는 사이트가 있습니다. https://www.remove.bg/ko 이미지에서 배경 제거 – remove.bg 한 번의 클릭으로 5 초 안에 이미지 배경을 자동으로 제거합니다. 수동으로 픽셀을 선택하는 데 시간을 소비하지 마십시오. 지금 사진을 업로드하고 마법을 확인하세요. www.remove.bg 이미지에서 배경 제거 리무브라는 사이트 인데요 접속하면 이미지 업로드를 클릭합니다. 이렇게 배경을 제거할 이미지를 업로드하면 순식간에 제거된 이미지를 볼 수 있습니다. 고해상도 이미지는 크레딧을 구.. 2022. 1. 6. css 그라디언트 생성 사이트 아래 링크에 가면 css 그라디언트를 편하게 생성할 수 있습니다. https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile. cssgradient.io 또 다른 CSS Gradient Generator 사이트 입니다. https://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator from ColorZil.. 2022. 1. 5. input type text 숫자만 입력 정규식 input영역에 숫자만 입력 받는 방법은 이렇게 input type을 number로 지정해 주면 되는 일이지만 input에 up down 버튼이 생겨버린다. 그래서 input type="text"로 하면서 숫자만 입력 받기 위해서는 oninput 이벤트와 정규식을 사용해서 가능하다. oninput 이벤트는 input 값이 바뀌면 발생하는 이벤트 이며 이 이벤트가 발생할 때 숫자만 입력받는 정규식이 적용되고 숫자가 아닌 값이 입력되면 replace 함수로 대체하게 된다. 참고사이트 https://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input/28838789#28838789 https://stackoverflow.com.. 2022. 1. 3. 이전 1 ··· 40 41 42 43 44 45 46 ··· 79 다음 728x90 반응형 LIST