SCSS / @each 반복문으로 태그 쉽게 만드는 방법, CSS Flex를 이용해서 태그 리스트까지 만들어봅시다 ( 태그 정렬, 줄넘김 한방에 해결하기! )
SCSS @each (반복문)텍스트를 태그로 만들어 사용하기줄넘김 처리 설정 flex-wrap기본형줄바꿈 - 범위가 넘어갈경우 아래로줄바꿈 - 역순flex-wrap: nowrap;flex-wrap: wrap;flex-wrap: wrap-reverse;넘치면 오른족으로 쭈욱 연결됩니다.컨텐츠가 영역 범위를 넘어갈 경우위에서부터 차례대로줄바꿈이 됩니다.컨텐츠가 영역 범위를 넘어갈 경우위에서부터 차례대로줄바꿈이 되지만, 역순 즉 아래쪽에더 많은 컨텐츠를 배치하게 됩니다. _mixin.scss// 텍스트 태그 만들기// @each $각각 정의된 변수값 in $정의된 변수 데이터 그룹 // 클래스명, 모서리라운드사이즈, 좌우여백, 상하여백, 폰트크기, 행간높이, 폰트두께, 폰트색, 선색, 배경색@each $cla..
2024. 10. 26.
SCSS / @mixin 아이콘 배경 이미지로 사용하기 ( 아이콘 버튼 )
믹스인을 활용해서배경이미지로 만들어진 버튼을 만들어 볼께요이미지 삽입보단 편하더라구요._mixin.scss// 이미지 경로$imgurl : '../images/';//배경 이미지//파일명, 가로정렬, 세로정렬, 배경색, 가로사이즈, 세로사이즈, 보더라운드@mixin bg($imgfile, $x:null, $y:null, $bgcolor:null, $width:null, $height:null, $boradi:null,){ background: url(#{$imgurl}#{$imgfile}) no-repeat $x $y $bgcolor; background-size: $width $height; border-radius: $boradi;} _button.scss.btn{ displa..
2024. 7. 6.
외화 계좌 개설 / 구글 애드몹, 애드센스 등 구글 수익 계좌 개설 전 확인하세요! 은행별 송금 수수료 비교 (유튜브, 티스토리, 앱개발 등)
요즘 부업으로 유튜브, 티스토리 등 다양한 활동을 하실 때 지급받을 계좌 고민 중이신가요?외화 통장을 가지고 계시다면 기존 사용도 가능하지만,타 은행과 비교해 보시고 수익 계좌 연결하시면 좋을 것 같습니다. 구글 애드몹, 애드센스 등구글 수익 지급 계좌 만들기 전에 수수료 확인해 보세요! 송금 수수료 비교보통 건당 10,000원 정도고 100불 미만은 면제가 보통인듯합니다. 전국은행연합회 소비자포털금융상품정보, 금리/수수료 비교공시, 금융서비스정보, 소비자정보, 금융교육, 보이스피싱정보portal.kfb.or.kr환전 수수료 우대율 비교환전 수수료는 은행연합회 외환길잡이에서 확인할 수 있습니다. 인터넷환전 안내 > 은행연합회-외환길잡이" data-og-description="" data-og-host..
2024. 6. 27.