Localslave

MVC(Model-View-Controller) 패턴이란 무엇인가요? 이 패턴의 각 구성 요소의 역할을 설명하고, MVC 패턴을 사용하는 이유와 그 장점에 대해 서술해주세요.OAuth란 무엇인가요? 그리고 왜 사용하는지 설명해주세요.MVC패턴이란?Model, View, Controller의 약자로, 어떤 프로젝트에 있어 구성요소를 역할에 따라 세가지로 구분한 것이다.다음 이미지는 MVC 패턴을 유저 관점에서 서술한 그림으로, User에게 보여지는 화면이나 UI는 View에 속하며 View를 통해 내부를 조작하는 Controller에 접근하며, Controller는 내부의 Model을 조작하고 이를 다시 View에 표시해 사용자에게 보여준다.여기서 모델은 대개 앱의 정보, 데이터들을 나타내는데 주로 DB와..

웹 페이지 렌더링 방식 CSR, SSR, SSG 각각의 특징과 각 방식을 어떤 상황에 사용하면 좋을지 설명해 주세요.웹 페이지를 렌더링 하는 방식에는 주로 CSR (Client-Side Rendering), SSR (Server-Side Rendering), SSG (Static Site Generation) 세 가지가 있습니다. 각각의 특징과 사용 상황을 살펴보겠습니다.1. CSR (Client-Side Rendering)정의 및 특징CSR은 클라이언트 사이드에서 페이지 렌더링 작업을 수행하는 방식입니다. 초기 로딩 시 HTML 파일과 JavaScript 파일을 받아 브라우저에서 실행하며, 이후 모든 렌더링과 업데이트는 클라이언트 측에서 이루어집니다.특징:빠른 사용자 상호작용: 한 번 로드되면 페이지 ..

useMemo, useCallback 에 대해 설명하고, 어떤 경우에 사용하면 좋을지, 남용할 경우 발생할 수 있는 문제점을 설명해 주세요.리액트 생명주기(life cycle)에 대해 설명해 주세요.React에서 배열을 렌더링할 때 key를 설정해야 하는 이유와 key 설정 시 주의할 점을 설명하세요.useMemo와 useCallback에 대한 설명React의 useMemo와 useCallback은 성능 최적화를 위해 사용하는 Hooks입니다. 이 두 Hooks는 컴포넌트의 불필요한 재렌더링을 방지하여 성능을 향상시키는 데 도움을 줍니다.useMemo의 기능과 차이점useMemo는 값의 메모이제이션을 위해 사용됩니다. 즉, 비용이 많이 드는 연산 결과를 메모리에 저장하여, 동일한 연산을 반복하지 않고 저..

리액트가 렌더링 하는 방식을 설명하세요.리액트에서 Virtual DOM이 무엇인지, 이를 사용하는 이유는 무엇인지 설명해 주세요.React에서 컴포넌트란 무엇이며, 함수형 컴포넌트와 클래스 컴포넌트의 차이점을 설명하세요.리액트가 렌더링 하는 방식리액트(React)는 사용자 인터페이스를 구성하는 데 사용되는 JavaScript 라이브러리로, Virtual DOM을 활용하여 효율적인 렌더링을 수행합니다.1. Virtual DOM의 개념Virtual DOM은 실제 DOM의 가벼운 복사본으로, 메모리 내에서 이루어지는 추상화된 표현입니다. 리액트는 Virtual DOM을 사용하여 컴포넌트의 상태가 변경될 때마다 새로운 Virtual DOM 트리를 생성하고, 이전 트리와 비교하여 실제 DOM에 반영할 변경 사항을..

var, let, const 를 서로 비교해 설명해 주세요.자바스크립트에서 this 키워드의 사용과 그 특성에 대해 설명해 주세요.렉시컬 스코프(Lexical Scope)의 개념과 그 특성에 대해 설명해 주세요.var중복 선언 허용: var로 선언된 변수는 같은 스코프 내에서 중복 선언이 가능합니다. 이는 코드의 유지보수를 어렵게 하고 예상치 못한 버그를 발생시킬 수 있습니다.Scope: var는 함수 레벨 스코프를 가집니다. 함수 내부에서 선언된 var 변수는 해당 함수 전체에서 접근할 수 있으며, 함수 외부에서 선언되면 전역 변수로 간주됩니다.Hoisting: var 선언은 호이스팅 되어 스코프의 최상단으로 끌어올려집니다. 그러나 초기화는 실제 코드 위치에서 수행되므로, 선언 전에 변수를 사용하면 u..

브라우저가 어떻게 동작하는지 설명해주세요. 우선 사용자가 주소창에 URL을 입력하거나, 링크를 클릭하거나, 폼을 제출하는 등 다른 페이지를 새로 요청한다.이렇게 새 페이지를 탐색할 때 해당 페이지의 리소스를 찾아야 한다. 어떠한 URL 주소의 페이지는 실제로는 어떠한 IP를 가진 서버에 위치할 것이다. 이것을 위해 DNS 조회를 한다. DNS 조회를 통해 URL과 IP를 매칭하고 이를 일정 시간동안 캐시에 저장한다. 당분간은 이 웹페이지를 이용할 동안 DNS 조회를 하지 않고 캐시를 이용하는 것으로 더 빠르게 처리가 가능하다.DNS 조회는 각 호스트 이름 당 한번씩 수행되므로, 요청된 페이지 내에 리소스가 다른 호스트 이름을 가지고 있을 경우 한 페이지 내에서 DNS 조회가 여러번 일어날 수 있다. ip..

CSS의 Cascading에 대해 설명해 주세요.시맨틱 태그를 사용하면 좋은 점을 설명해주세요.Cascading(종속)은 원 단어의 의미적으로 '계단식 폭포'를 표현할 때 가장 많이 사용되는 단어입니다.그 이미지와 같이 css의 종속은 단계적으로 스타일 설정이 쌓여서, 최종적으로 어떤 스타일이 적용되는가? 에 대한 내용입니다.기본적으로 종속은 선언 순서에 따라 결정됩니다. 같은 우선순위를 가진 스타일이라면 선언 순서 상 가장 마지막에 선언된 스타일이 페이지에 적용되는 것이죠.하지만 반드시 선언 순서만으로 적용되지는 않습니다. 위에도 언급했지만 '같은 우선순위'를 가질 때에 적용되는 것으로, 우선순위를 계산할 필요가 있습니다. 이 우선순위는 css 선택자를 기준으로 계산됩니다.이를 css에선 특수성이라 표..