일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- leetCode #코알못의도전기 #코드알고리즘기초 #1일1알고리즘 #알고리즘공부 #코드챌린지
- 코알못의도전 #알고리즘기초 #공부하는블로그
- multiple
- zsh설치
- zsh설치 후
- .bash_profile적용안됨
- git 팁
- .bash_profile실행
- 유용꿀gittip
- 업무시유용한git
- ngrok
- 해시 #map&set
- 카드 셔플
- @at-root
- @at-root여러번
- Today
- Total
목록전체 글 (13)
흑염소처럼
scss 코드를 최적화 시키기 위한 것으로 변수를 선언한 @function을 공통 scss파일로 만들고 각각의 컴포넌트 별로 scss파일을 쪼개서 해당 @function을 변수로 사용하는 방법을 소개하고자 한다. 아래 코드를 해석해보자!!! /* function */ @function getColors ( $findKey : 'text' ) { $list : (); @each $key , $value in $colors { @if ( $key == unquote( $findKey )) { $list: $value; } } @return $list; } $colors : ( default : #959da6 #f8f9fa #e0e2e6 #ccd2d8 #bcb5b9 #2c68f1, text : #7d7e80 ..
@for $i from 1 through 11{ .spread .card_bind:nth-child(#{$i}) { left: 80*($i - 1px); top: 0px; } } #{$i}는 문자열로 받게 되고 $i는 변수로 받게된다. 아래와 같이 css가 노출이 된다. .spread .card_bind:nth-child(1) { left: 0px; top: 0px; } .spread .card_bind:nth-child(2) { left: 80px; top: 0px; } .spread .card_bind:nth-child(3) { left: 160px; top: 0px; } .spread .card_bind:nth-child(4) { left: 240px; top: 0px; } .spread .card..
한개의 클래스 추가 element.className = "class_test_name"; 두 개이상의 클래스 추가 element.classList.add = "class_A"; element.classList.add = "class_B"; Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. 해당 에러 처리 var z = 'test satu dua tiga'; // is a string Not node document.body.appendChild(z); string을 리턴받아 appendChild로 넣으니까 자꾸 에러가 남! Node로 넣어줘야함 var z = document.cre..