기술면접
1.React 관련 기술면접 예상질문 정리
state는 변할 수 있는 데이터를 의미합니다.props는 변하지 않는 값이면서 부모 컴포넌트에서 전달받은 값입니다.애플리케이션 구조에서 변할 수 있는 값이라면 React의 상태(state)로 적절합니다. 토글, 체크박스, input value를 대표적 예시로 들 수
2.JavaScript 관련 기술면접 예상질문 정리
스코프란? > 변수에 접근할 수 있는 범위를 말합니다. 안쪽 스코프에서 바깥쪽 스코프로 접근할 수 있지만, 반대는 불가능하고 중첩이 가능합니다. 이름이 동일한 경우에는 가장 안쪽 스코프를 참조하는 특성이 있습니다. 덕분에 함수 외에서는 사용되지 않아, 변화가 적고 안
3.CSS 관련 기술면접 예상질문 정리
CSS Box model에 대해서 설명, 간단한 로그인 폼 컴포넌트를 가운데 위치시키려면 CSS를 어떻게 작성해야 하나요? (centering), 간단한 블로그에서 아래와 같은 레이아웃을 구성하려면 CSS를 어떻게 작성해야 하나요?
4.원시자료형과 참조자료형의 차이
원시자료형은 저장공간이 고정된 데이터, 참조자료형은 원시자료형이 아닌 모든 것을 말합니다.
5.HTML 관련 기술면접 예상질문 정리
JavaScript를 불러오기 위해 <script> 요소를 <body> 요소가 끝나기 직전에 배치하는 이유. <li>요소는 왜 <ul>요소의 자식 요소여야만 하는가. id 속성과 class 속성의 차이.
6.HTTP/네트워크/웹서버 기술면접 예상질문 정리
웹사이트가 그려지는 과정인 '렌더링'을 '어디서' 하느냐의 차이가 있습니다.SSR은 서버(백엔드)에서 렌더링을 수행합니다. CSR 은 클라이언트(브라우저;프론트엔드)에서 렌더링을 수행합니다.SSR은 첫 화면 렌더링 속도가 빠르다는 장점이 있기 때문에 초기 로딩이 빠르고
7.재귀
재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명재귀를 활용하기 좋은 상황은 첫째로 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우입니다. 두번째로 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우에 사용합니다. 첫 번째 경우는 예
8.인증&보안 관련 기술면접 예상질문 정리
Cookie의 MaxAge 옵션은 쿠키를 얼마나 유지할 것인지, Expires 옵션은 언제 폐기할 것인지 지정하는 옵션입니다. 먼저, Cookie는 HTTP 프로토콜의 비상태성을 보완하기 위한 수단으로, 브라우저에 데이터를 저장할 때 사용합니다.이 두 옵션중 하나라도
9.Redux
상태관리 라이브러리는 props drilling과 같은 문제를 해결해 주는 전역 상태 저장소를 제공해주기 때문입니다. Redux와 같은 상태관리 라이브러리는 전역 상태 저장소를 제공해줍니다. 기존의 React에서는 자식 컴포넌트에 props를 내려줘서 상태를 전달해줬습
10.UI/UX
UX는 사용자가 제품이나 서비스를 이용하면서 느끼는 총체적인 경험을 의미하고, UI는 사용자가 상호작용 하기 위한 시스템을 의미하며 UX에 중요한 영향을 끼칩니다.UI는 유저 인터페이스로, 컴퓨터와 상호작용하는 매개체입니다.UX는 사용자 경험으로, 사용자가 제품을 사용
11.브라우저 렌더링
렌더링 방식은 렌더링 과정으로도 볼 수 있습니다.HTML 파일과 CSS 파일을 파싱해서 각각 Tree를 만듭니다.(Parsing)두 Tree를 결합하여 Rendering Tree를 만듭니다. (Style)Rendering Tree에서 각 노드의 위치와 크기를 계산합니다
12.자료구조
Stack은 “쌓다"라는 의미를 가진 자료구조입니다. 입력과 출력이 하나의 방향으로 이루어지는 제한적 접근 자료구조이며 먼저 들어간 데이터는 제일 나중에 나오는 LIFO(Last In First Out)의 구조를 가지고 있습니다. Queue는 Stack과 반대되는 개념
13.브라우저 동작 원리
파싱(parsing): 프로그래밍 언어로 작성된 텍스트를 분해하고 구조를 생성하는 일련의 과정렌더링(rendering): HTML, CSS, JS로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것.HTML 문서를 파싱(parsing)한 자료구조 형태의 결과물(
14.쿠키와 세션
HTTP 프로토콜의 특징이면서 약점을 보완하기 위해서이다.Connectionless 프로토콜 (비연결지향) : 클라이언트가 서버에 요청을 하고 그에 맞는 응답을 보낸 후 연결을 끊는 처리방식Stateless 프로토콜: 연결을 끊는 순간 클라이언트 서버의 통신이 끝나며,
15.자바스크립트에서의 this
자바스크립트에서 실행하는 환경의 맥락(context) 를 의미하는 객체입니다. 즉, 그 때 그 때 다릅니다.전역에서는 window (자바스크립트 런타임에서 모든 변수, 함수는 window라는 객체의 프로퍼티와 메서드입니다)함수 내부에서의 this 값은 함수를 호출하는
16.TypeScript 관련 기술면접 예상질문 정리
타입스크립트 핸드북둘 다 객체타입이나 함수타입을 선언할 수 있습니다.type은 원시타입(symbol, boolean, string, number, bigint, etc)을 정의할 수 있습니다. 또한 유니온 타입(|)과 튜플 타입을 사용할 수 있습니다. (interfac