목록분류 전체보기 (41)

내가 보려고 만든 개발 공부 일지

call() 과 apply() 의 this 바인딩

기본형태는 아래와 같다. someFunction.call([thisObj[, arg[, arg2[, ...]]]]) 첫번째 인자 thisObj 는 someFunction 의 this로 사용될 객체이다. 그 뒤로는 함수내에서 추가로 쓰일 파라미터 값들이다. ( 선택사항 ) 예제 ) var obj = { z : "zzz", a : "aaa", b : "bbb" } var test = function(arg1 = "test1", arg2 = "test2"){ console.log(`p1 : ${this.a} / p2 : ${this.b} / arg1 = ${arg1} / arg2 = ${arg2}`); } test.call(obj, 123, 456); // 결과 --> p1 : aaa / p2 : bbb / ..
Javascript 2021. 7. 2. 23:58
Falsy / Truthy 한 값

아래처럼 어떤 변수값에 따라 다른 처리를 해주는 조건문이 있다고 하자, if( someValue == ~~ ){ . . . } 여기서 someValue 가 만약 undefined 나 null 같은 값이면 예외 처리가 필요할 것이다. 근데 이런 처리를 일일이 해주긴 넘 귀찮은 짓이니 보통은 if( someValue ){ . . . } 이렇게 값이 있을 경우만 조건을 타도록 코딩을 한다. someValue 가 꼭 true 나 false 같은 boolean 타입이 아니더라도 저 식이 가능한 이유는 null, undefined, '', 0, NaN ---> 이렇게 5개 값은 falsy 한 값으로 취급되기 때문이다. 이 5개를 제외하고 나머지는 다 truthy 하다고 보면된다.
Javascript 2021. 7. 2. 23:56
CSS flex 속성 활용으로 레이아웃 배치

CSS 로 여러 HTML 엘리먼트들을 원하는대로 배치하고 싶을때 생각만으로는 간단해 보였는데 막상 CSS 를 짜서 적용해보면 내맘처럼 배치가 안되는 적이 많았다. 이때 참고하면 좋은 블로그를 공유한다. https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com
CSS 2021. 7. 2. 02:38
Typescript 타입추론 & 타입단언

TS는 타입이 예상 가능할땐 굳이 타입선언을 안해도 된다. 컴파일러가 타입추론을 하기 때문이다. 그치만 일반적으로 타입을 항상 선언해 준다. 그리고 그 타입에 따라 해당 변수의 속성값을 쓰려고할때 컴파일러 에러가 발생할 수도 있다. document.body.onclick = (e: MouseEvent): void=>{ e.currentTarget!.nodeName; } 위와같은 코드가 있다고 할 때, 컴파일러는 currentTarget 이 nodeName 을 가지고 있지 않는다는 에러를 낸다. 나는 currentTarget에 어떤 엘리먼트가 올지 이미 알고 있지만, TS 컴파일러는 저 값이 정확히 뭔지 몰라서 타입추론을 못하기 때문이다. 이럴때 확실하게 컴파일러에게 타입을 알려주는 방법이있다. const..
Typescript 2021. 7. 2. 02:27
Prev 1 ··· 4 5 6 7 8 9 10 11 Next