본문 바로가기

전체 글111

call, apply, bind call, apply, bind : 함수 호출 방식과 관계없이 this 를 지정할 수 있음 call ( ) call 메서드는 모둔 함수에서 사용할 수 있으며, this 를 특정값으로 지정할 수 있다. this.name 실행 시 아무것도 안뜨는 이유는 this 가 window를 가르키고 있기 때문이다. 이때 call 함수를 쓰고 ( ) 안에 this로 사용할 객체를 넘기면 해당 함수가 주어진 객체의 메소드처럼 사용할 수 있다. object에 있는 name이 사용되었다. call의 첫번째 매개변수 = this로 사용될 객체 call의 두번째 매개변수부터.. = 해당 함수가 사용할 매개변수 name : "nana" 밖에 없던 otherobject에 like와 age가 추가됬다. apply call과 비슷하지만.. 2021. 7. 26.
arguments 객체,this 바인딩 arguments 객체 함수를 호출할 때 넘긴 인자들이 배열 형태로 저장된 객체를 의미. 인덱스와 length 프로퍼티를 가지고 있지만 유사배열객체이므로 배열의 forEach, map과 같은 내장 메서드를 가지고 있지 않다. this this는 '자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수'다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메소드를 참조 할 수 있으며 함수가 호출되는 방식에 따라 동적으로 결정된다. 뭔 말인지 이해 안된다면 '누가 나를 불렀느냐' 정도로 이해.. 1. 객체의 메서드 호출할 때 this 바인딩 var myObject = { name:'foo', sayName:function(){ console.log(this.nam.. 2021. 7. 26.
div 중앙정렬 방법 https://saimplay.tistory.com/115 [ CSS 응용 ] DIV 중앙정렬 방법 총정리 | 개요 사이트를 디자인 하다보면 여러가지 정렬방식들이 기초적인 text-align속성과 position속성으로 정렬을 할 수 있다고 설명을 해드린적이 있습니다. 그렇다면 이번엔 조금 더 들어가 Div객체를 saimplay.tistory.com 1. transform 을 이용한 중앙정렬 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); 2021. 7. 21.
그리스시스템에 맞게 코딩하기 default.css 에 아래 코드 지정. // 거터값 지정 [class*="col-"] { padding: 0 8px; } // 12단 컬럼 .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;} .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;} https://www.w3schools.com/css/css_rwd_m.. 2021. 7. 21.

티스토리툴바