본문 바로가기

전체 글48

this의 용법 핵심 대부분의 경우, this의 값은 함수를 호출하는 방법에 의해 결정된다. 자바스크립트에서 함수의 선언하는것에서 결정되는것 => 클로저 함수의 호출 할때 결정되는것 => this의 핵심 함수 호출 방식과 this 바인딩 자바스크립트의 경우 함수 호출 방식에 의해 this에 바인딩할 어떤 객체가 동적으로 결정된다. 다시 말해, 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정되는 것이 아니고, 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정된다. 👉 바인딩이란? 식별자와 값을 연결하는 과정을 말한다.변수선언은 변수 이름과 확보된 메모리 공간의 주소를 바인딩하는 것이다.this 바인딩은 this(키워드로 분류되지만 식별자의 역할을 한다.)와 this가 .. 2022. 10. 27.

CSS에서 margin과 padding Margin과 Padding 차이 [날마다 3분 CSS] 글자와 상자 인라인 & 블록 HTML 요소가 화면에 출력되는 특성은 크게 2가지로 구분된다 인라인(Inline) 요소 : 글자를 만들기 위한 요소들. 블록(Block) 요소 : 상자(레이아웃)를 만들기 위한 요소들. 인라인 요소 ( greenteafrog.tistory.com 위의 포스트를 통해 글자와 상자를 이해한 뒤 보면 이해하는데 도움이될 것이다. 설명하기전 브라우저의 개발자도구를 열어서 쉽게 볼 수 있는 HTML 박스모델을 보면서 이해하면 더 쉽다. 👁‍🗨한줄요약 각 HTML 요소간의 간격을 margin , 보더(요소의 테두리선)와 요소와의 간격을 padding 이라고 한다. 예를들어 네모박스(보더)안에 글자가 있는 박스 여러개가 가로로 줄.. 2022. 10. 26.

nav 태그 아무 생각없이 div와 span만 왕창쓰다가 nav태그는 대체 뭐하는데 쓰는거지 하면서 검색해보고 이걸 몰랐다는 나의 무지함과 안일함에 반성하며 짧지만 정리해놓는 HTML 일기다 . nav 태그는 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네비게이션 링크들의 집합을 정의할 때 사용합니다. 요소를 사용하는 일반적인 예로는 메뉴, 목차, 인덱스 등이 있습니다. 글을 읽지 못하는 사용자를 위한 스크린 리더기와 같은 브라우저는 요소를 사용하여 해당 콘텐츠의 초기 렌더링을 생략할지 여부를 결정합니다. 보통 메뉴나 목차들을 자식요소로 담고 있기때문에 ul>li 태그와 함께 사용합니다. 여기에 css로 색칠하면 헤더가 완성이다. 📚출처 http://www.tcpschool.com/html-tags/nav 2022. 10. 25.

Closure 클로저 💡클로저란 클로저는 주변의 상태 (lexical environment)의 참조와 함께 번들로 묶인 함수의 조합입니다. 즉, 클로져는 우리에게 inner함수에서 outer함수의 스코프에 접근을 가능하게 해줍니다. 자바스크립트에서 클로저는 함수가 생성될 때마다 생성됩니다. 아래는 클로저를 설명하는 여러 문서에서 참고한 것이다. 함수와 함수가 선언된 어휘적(lexical) 환경의 조합 클로저는 함수를 지칭하고 또 그 함수가 선언된 환경과의 관계라는 개념이 합쳐진것이다. 클로저의 핵심은 스코프를 이용해서, 변수의 접근 범위를 닫는(폐쇄)것에 있다. 외부함수 스코프에서 내부함수 스코프로 접근 불가능하다. 내부함수에서는 외부함수 스코프에서 선언된 변수에 접근 기능하다. 따라서 내부 함수는 외부함수에 선언된 변수에 .. 2022. 10. 23.

이전 1 ··· 5 6 7 8 9 10 11 12 다음

티스토리툴바