본문 바로가기
728x90
반응형

TIL147

js에서의 Scope scope javascript의 scope는 문법이 아닙니다. '변수가 어디까지 쓰일 수 있는지'의 범위를 의미합니다. block block 이란 중괄호{}로 감싸진 것을 말하는데 function, if, for 등을 말합니다. function 의 내부는 하나의 block입니다. 예시) function hi() { return 'i am block'; } 지역변수 (local) {} 내부에서 변수가 정의되면 변수는 오로지 {}(block)에서만 사용할 수 있습니다. 내부에 정의된 변수를 지역 변수라 부릅니다. 전역변수 (global) scope은 변수가 선언되고 사용할 수 있는 공간입니다. scope 외부에서는 특정 변수에 접근할 수 없지만 block밖인 global scope에서 만든 변수를 전역변수라.. 2022. 7. 20.
semantic web과 semantic tag semantic web이란 한글로 해석하면 "의미론적인 웹"이라는 뜻이다. 기존의 코드들이 가진 문제점을 보완하기 위해 구상되었다. html에서 쓰이는 'div'와 같은 태그들은 어떠한 기능을 가졌는지 알기 어려운데, 이를 개선하기 위해 의미와 기능을 결합한 semantic tag가 나왔다. 예를 들어 semantic web이 만들어지기 전에는 2022. 7. 20.
css position 속성과 inline, inline-block, block css position css position 속성은 웹 문서 안의 요소들을 어떻게 배치할 지 정하는 속성입니다. css position의 4가지 설정 값 👉 fixed (고정) : 지정한 위치에 고정하여 배치 👉 absolute (절대) : 원하는 위치를 지정해 배치 👉 relative (상대) : 부모 요소에 연결하여 위치를 지정 👉 sticky (고정) : 위치에 따라 동작 방식이 달라짐 fixed 말 그대로 fixed 하는 기능입니다. 문서의 흐름과 상관없이 좌표로 위치를 지정해 고정합니다. (부모 요소가 아닌 브라우저 창 기준) 다섯 번째 있는 div에 fixed를 주었습니다 윈도우 기준 (컨테이너 기준 x) (top : 30px; left : 30px;) 에 올라갔습니다. 스크롤 내려도 정해진.. 2022. 7. 20.
728x90
반응형