본문 바로가기
관리자

전체 글

 (997)
2020-08-30 (일) 64일차 보호되어 있는 글입니다.
CSS / Combinators (연결자 또는 결합자) CSS의 특정 tag들을 선택하기 보다 쉽게 위한 개념으로, Combinator라는 것이 있다. 이것은 태그들끼리 부모-자손(descendant), 자식(Child), 인접형제(Adjascent sibilings), 일반형제(General siblings)의 복잡한 관계를 가질 때, 태그의 선택을 훨씬 더 용이하게 만들어준다. 차례대로 살펴보자. 1. Descendant Selector 자손 선택자는 어떤 tag 하위에 있는 모든 일치하는 tag를 선택한다. 단순 띄어쓰기로 구분하여, 하위의 모든 tag들에 적용된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 1 2-1 2-1-1 2-1-2 2-1-3 2-1-3-1 2-2 2-2-1 2-2-1-1 cs 1 2 3 div p {..
2020-08-29 (토) 63일차 보호되어 있는 글입니다.
Javascript / 함수 / call, apply의 활용 ( .map.call(.filter.call), Math-apply) call, apply, bind의 기본 개념은 이전 글에서 확인할 수 있다. Javascript / 함수 / call, apply, bind Javascript / 함수 / call, apply, bind 1. call과 apply method 지난 this에 관한 글에서 일반적으로 this는 전역객체나 부모객체를 가리키는 반면, call, apply는 사용자가 정해주는 객체를 this로 취급한다는 것을 배웠다. (Javascript / Execution co.. whitepro.tistory.com 이번에는 call, apply를 적용하는 사례들을 알아보자. call, apply는 어떤 객체에 포함되어 있는 method를 간접적으로 활용하기 위해서도 사용된다. 아래 두 가지 예시를 보자. 1. Math..
2020-08-28 (금) 62일차 보호되어 있는 글입니다.
2020-08-27 (목) 61일차 보호되어 있는 글입니다.
2020-08-26 (수) 60일차 보호되어 있는 글입니다.
Javascript / 기초 / 삼항연산자 삼항연산자 삼항연산자는 if-else 구문을 줄여서 표현할 수 있는 도구이다. 라면을 요리할 때, 물이 100℃가 넘었는지 검사하는 조건문을 작성한다고 가정해보자. 1 2 3 4 5 6 7 8 9 let temp = 90; if(temp >= 100) { console.log('Put the noodle') } else { console.log('Wait more') } cs 간단한 예제이므로 굳이 함수형태로 작성하지 않았지만, 만약 함수라면 temp = 90이라서 if문의 첫 번째 조건을 만족하지 않으므로, 'Wait more'이 출력될 것이다. 이것을 삼항연산자의 형태로 표현할 수 있다. 1 2 3 let temp = 90; temp >= 100 ? 'Put the noodle' : 'Wait mor..

티스토리툴바