Front-End

💡 리액트는 컴포넌트 기반의 View 를 중심으로 한 라이브러리이며 ...

var한번 선언을 한 이후 재정의가 가능하다.letvES6 이후 var 의 단점을 보완하여 나왔다.호이스팅이 일어나지 않음const한번 선언을 한 이후 값을 재할당을 할 수 없다

hoist : (흔히 밧줄이나 장비를 이용하여) 들어끌어올리다JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다.출처 : MDN docs📕 변수와 함수의 선언부가 각자의 현재 스코프

px은 값이 고정되어있는 절대값의 단위, em 과 rem은 환경에 따라 변하는 상대단위!https://pf-emoji-service--cdn.us-east-1.prod.public.atl-paas.net/standard/caa27a19-fc09-4452-b2b

vw와 vh는 현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환한다.vw (viewport width) : 뷰포트의 폭에 근거하여 1vw는 width 의 1% 와 같다.vh (viewportheight) : 뷰포트의 높이에 근거하여 1vh는 Height 1% 와 같

선택자모든 태그를 선택하는 선택자Tag 선택자주어진 이름의 태그를 선택하는 ....

인터페이스 내의 아이템 간 공간 분배강력한 정렬 기능1차원 레이아웃 모델Flexbox는 레이아웃을 좀 더 쉽게 배치할 수 있도록 고안된 스펙입니다.Flex를 사용할 때, 부모 요소를 Flex container라고 부르고, 자식요소를 Flex Item이라고 부릅니다.Fl

출처 : \[CSS] Cascading!https://static.velog.io/favicons/favicon-16x16.pngCascading(이하 캐스케이딩)은 폭포, 위에서 아래로 쏟아지는이라는 뜻을 가진 단어입니다. 그리고 이 캐스케이딩은 CSS에서

스타일 상속은 태그들이 어떻게 포함되었는지에 따라서 스타일을 적용할 지 결정하는 원칙입니다. 아래와 같은 코드에서 바깥쪽의 태그를 부모 요소, 내부의 태그를 자식 요소라고 합니다.상속 요소는 부모 요소의 스타일을 자식 요소가 따라가는 것을 의미합니다.

웹에서는 표준 CSS만이 동작할 수 있습니다. Sass는 CSS Preprocessor라는 개념을 통해 작성을 하고 컴파일이라는 과정을 통해 CSS 문법으로 다시 변환됩니다.CSS를 작성하기 전에 Sass나 Less라는 개념을 통해서 편하고 쉽게 작성을 합니다. 즉,

⚡️ this란? this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-reference variable)이다. 함수 내부에서 인자를 지역 변수처럼 사용할 수 있는 것처럼, this도 지역 변수처럼 사용할 수 있다. 단, thi