하위 엘리먼트가 있는지 없는 체크할 경우가 있다. 물론 js 로 체크하는게 보통이지만.... 예를 들어 마크업과 JS수정없이 아코디언 메뉴에 이미지를 추가한다고 치자. 아코디언메뉴에서 열리고 닫히는 모습을 알기 쉽게 맨 우측에 화살표를 넣어야 하는데 하위메뉴가 없을 때는 화살표가 나오지 말아야한다. 이럴때 정말이지 난감하다. JS코드를 안건드리고 어케!!!!!!!!!!! 특히나 JS를 만질 권한이 없다라던지 JS에서 변경하면 큰일이 난다라는..... 게다가 개발팀과 분리되어 웹퍼블리싱만 한다면 더욱이 힘들 것이다. 그럼 기존 마크업과 JS수정없이 CSS 만으로 체크할 수 있을까 ? 바로 :only-child 라는 선택자를 사용할 수 있다. :only-child 선택자 - 부모 엘리먼트내에서 자신이 유일한..
this - 함수를 속성 또는 메소드로 포함하고 있는 객체를 참조한다. ( this의 값은 함수가 호출되는 컨텍스트에 따라 달라 질 수 있다. ) 컨텍스트(context) - 자바스크립트 코드 실행시 인터프리터가 new키워드 or 리터럴 표기법 등을 만나면heap메모리에 만들어지는 별도의 공간. 실행 컨텍스트 - 함수가 실행된 부분. 콜백 패턴 ( = 콜백 함수 )- 함수는 객체. 즉 함수를 다른 함수의 인자로 전달할 수 있다. 이런 것을 콜백 패턴. 바인딩bind : 결속시키다. 묶다 는 뜻을 가짐.- 객체와 메서드를 묶어놓는다. 즉 특정 객체에서 실행되게끔 고정시키는 역활. 클로저- 함수 객체와 함수의 변수가 해석되는 범위 ( 변수 바인딩의 집합 )의 조합.- 이는 함수의 변수가 유효범위체인( 스코프..
HTML CSS .switcher {position:relative;width:192px;height:42px;border-radius:25px;} .switcher input { -webkit-appearance: none; appearance: none; position: relative; width: 192px; height: 42px; border-radius: 25px; background-color: #0ab1a9; border:1px solid #fff; } .switcher input:before, .switcher input:after { z-index: 2; position: absolute; top: 50%; color: #fff; -webkit-transform: translateY..
- Total
- Today
- Yesterday
- for of 구문
- Intrinsic
- react
- RefreshToken
- git checkout -b
- 리프래시토큰
- 자바스크립트
- cordova
- 태그
- svg icon font
- 반복문
- 내장요소
- svg 폰트
- git
- svg모션
- interceptors
- 코도바
- JsDoc
- Aptana
- 앵귤러
- 아이콘 폰트 만들기
- Vue3
- vue-router
- CSS
- icon font
- anime.js
- React.StrictMode
- IntrinsicElements
- react-router-dom
- Angular
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |