꾸준히 합시다

CSS 박스 모델 모든 HTML 요소는 박스 모양으로 구성되기 때문에, 이를 박스 모델이라고 한다. 박스 모델은 HTML 요소를 패딩(padding), 테두리(border), 마진(margin), 그리고 내용(content)으로 구분한다. content: 박스의 실질적 내용으로, 텍스트나 이미지 등 요소의 실제 내용이 들어간다. padding: content와 border 사이에 있는 안쪽 여백이다. border: content와 padding을 감싸는 테두리이다. margin: border를 기준으로 이웃하는 요소 사이의 간격이다. 박스 모델의 규칙 블록 요소의 크기는 width, height, padding, border, margin에 의해 계산된다. 기본적으로 padding과 border는 요소의..

ES6 출현 이전에 JavaScript에서 변수를 선언할 수 있는 방법은 var 키워드를 사용하는 것이 유일했다. ES6 이후 var 키워드의 단점을 보완하기 위해 let, const 키워드가 도입되었다. var, let, const의 차이점 var는 함수 스코프를 따르고 let과 const는 블록 스코프를 따른다. var 키워드로 선언된 변수는 함수 레벨의 스코프를 따르게 되며, 전역 함수 외부에서 생성된 변수는 모두 전역 변수로 간주된다. 반면에 블록 스코프를 따르는 키워드 let과 const로 선언된 변수는 코드 블록 내에서만 사용 가능하며, 가장 가까운 중괄호(function, if-else 블록, for-loop, try/catch 등) 내에서만 접근할 수 있다. var 변수의 중복 선언이 가능..

자바스크립트에서 변수는 선언, 초기화, 할당, 이 세 단계의 생성 과정을 가지고 있다. 첫 번째 단계인 변수의 선언은 var, let, const 키워드를 사용해 엔진에 변수의 존재를 알리는 가장 첫 단계이다. 그다음 초기화 단계를 통해 메모리 공간을 확보하고 변수는 undefined로 초기화된다. 마지막 할당 단계에서는 undefined로 초기화된 변수에 할당 연산자(=)를 사용해 메모리에 특정한 값을 넣게 된다. 변수 생성 단계 - 선언(Declaration) 자바스크립트에서의 변수 선언은 실행 컨텍스트의 변수 객체에 변수를 등록하는 단계를 의미한다. 이 변수 객체는 스코프가 참조하는 대상이다. 한 마디로 스코프에 변수를 등록하는 단계이며 이 단계에서 호이스팅이 일어난다. - 초기화(Initializ..

call by value와 call by reference 모두 변수나 객체 등이 함수의 인자(arguments)로 들어와 매개변수(parameter)로 전달될 때 어떤 방식으로 전달될지를 결정하는 방식이다. parameter (매개변수) vs arguments (인자) 우선 parameter(매개변수)와 arguments(인자)에 대해 짚고 넘어가면 parameter는 formal parameter(형식 매개변수)로 인식하면 되고, arguments는 actual parameter(실인자)로 받아들이면 된다. 간단하게 예제로 살펴보자. const a = 1; const func = function (b) { // parameter, formal parameter, 매개변수, 형식 매개변수 // code..