개발일지

❗️this는? this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-reference variable)이다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. this는 자바스크립트 엔진에 의해 암묵적으로 생성된다. this는 코드 어디서든 참조할 수 있다. 하지만 this는 객체의 프로퍼티나 메서드를 참조하기 위한 자기 참조 변수이므로 일반적으로 객체의 메서드 내부 또는 생성자 함수 내부에서만 의미가 있다. 함수를 호출하면 인자와 this가 암묵적으로 함수 내부에 전달된다. 함수 내부에서 인자를 지역 변수처럼 사용할 수 있는 것처럼, this도 지역 변수처럼 사용할 수 있다. 단, this가 가리키는 값, 즉 ..

Get은 가져온다는 개념이고, Post는 수행한다는 개념으로 받아들이면 쉽습니다. 즉, Get은 서버에서 어떤 데이터를 가져와서 보여줄때 사용합니다. 어떤 값이나 내용, 상태등을 바꾸지 않는 경우에 사용을 하는것입니다. 이에비해, Post는 서버상의 데이터 값이나 상태를 바꾸기 위해서 사용합니다. 게시판으로 예를 들자면, 글의 내용에 대한 목록을 보여주는 경우나, 글의 내용을 보는 경우는 Get에 해당합니다. 그리고 글의 내용을 저장하고, 수정할때에 Post를 사용하는 것이죠. 사용목적 : GET은 서버의 리소스에서 데이터를 요청할 때, POST는 서버의 리소스를 새로 생성하거나 업데이트할 때 사용한다. DB로 따지면 GET은 SELECT 에 가깝고, POST는 Create 에 가깝다고 보면 된다. 자,..

margin margin속성은 정의된 테두리 외부의 요소 주위에 공간을 만드는 데 사용됩니다. CSS를 사용하면 여백을 완전히 제어할 수 있습니다. 요소의 각 측면(위, 오른쪽, 아래, 왼쪽)에 대한 여백을 설정하는 속성이 있습니다. CSS에는 요소의 각 측면에 대한 여백을 지정하는 속성이 있습니다. margin-top margin-right margin-bottom margin-left margin속성에 4개의 값이 있는 경우 : 시계방향으로 값이 줄어들 때 모든 여백으로 적용 된다. 여백: 25px 50px 75px 100px; 상단 여백은 25px입니다. 오른쪽 여백은 50px입니다. 하단 여백은 75px입니다. 왼쪽 여백은 100px입니다. 여백: 25px 50px 75px; 상단 여백은 25px..

클로저란? MDN에서는 클로저를 다음과 같이 정의하고 있다. 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’. 클로저는 주변의 상태 (lexical environment)의 참조와 함께 번들로 묶인 함수의 조합입니다. 즉, 클로져는 우리에게 inner함수에서 outer함수의 스코프에 접근을 가능하게 해줍니다. 자바스크립트에서 클로저는 함수가 생성될 때마다 생성됩니다. 간단히 말하자면 함수가 선언될 때(실행X) 외부의 lexcial environment를 참조?하게 되는 현상?이다. 결론적으로 오직 하나의 메소드를 가지고 있는 객체를 일반적으로 사용하는 모든 곳에 클로저를 사용할 수 있다. 함수 밖에서도 사용하기 위해서는 클로져를 사용하면..

JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화합니다. 반면 let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않습니다. 호이스팅을 설명할 땐 주로 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는 것"으로 말하곤 합니다. 따라서 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있습니다. 다만 선언과 초기화를 함께 수행하는 경우, 선언 코드까지 실행해야 변수가 초기화된 상태가 됨을 주의하세요 TIP 호이스팅 사용 시 주의 - 코드의 가독성과 유지보수를 위해 호이스팅이 일어나지 않도록 한다. ..

1-1. 홈페이지가 사용자에게 보이는 순서에 대해서 설명해주세요. 1. 사용자가 브라우저를 실행한다. 2. 접속하고 싶은 사이트의 url를 주소창에 입력한다. 3. 브라우저는 입력된 url의 서버에게 사이트 정보를 받아와 이를 화면에 표현한다. 4. 표현된 정보를 사용자가 활용한다. 1. 사용자 인터페이스 (인터넷 창) 사용자가 접근할 수 있는 영역입니다. URI를 입력할 수 있는 주소 표시줄, 이전/다음 버튼, 북마크 메뉴, 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼, 홈 버튼 등 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분입니다. 2. 브라우저 엔진 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어 3. 렌더링 엔진 요청한 콘텐츠를 표시. 예를 들면 HTML을 요청하..