핸드북

면접 질문을 대비한 핸드북 1. 리액트는 라이브러리인가요 2. 프레임워크 인가요? 3. 리액트를 사용하는 이유 4. virtual DOM에 대해서 설명 해보세요.

프론트엔드에서 datamodel 이란 무엇일까?

Context API 란? context api는 redux 와 마찬가지로 상태의 중앙 관리를 위한 상태 도구 입니다. react에서만 사용할 수 있고, 리덕스와는 다르게 여러 저장소로 존재 할 수 있습니다. context api는 크게 전역 상태가 저장되는 con

Micro-Frontend > 서버의 마이크로 서비스 아키텍쳐에서 고안한 것으로, 작은 단위의 웹 앱들을 컴포넌트로써 조립하여 하나의 웹 앱을 만드는 기술이다. Micro-Frontend 장점 작고, 응집력 있고 유지보수성을 가지는 코드베이스를 가질 수 있다. 분

1. React에서 함수 컴포넌트와 클래스 컴포넌트의 차이 2. 리액트에서 함수형 컴포넌트라고 부르지 않고 함수 컴포넌트라고 부르는 이유가 무엇인가요?

1. 프론트에서 클린 아키텍쳐란? 클린 아키텍쳐를 실현하기위해 실무에서 고민한적이 있나요? 있다면 도입한 이유, 도입하면서 겪었던 어려움 해결방안을 설명해주세요. 2. mvc,mvp,mvvm 패턴

1. props와 state의 차이 2. Props가 컴포넌트간에 전달받는 것이라고 했는데 자식에서 부모로도 전달할 수 있는가 3. 데이터 전달 방식중 단방향, 양방향 장단점. 그럼 리액트는 어떤 방식을 사용하고 있나요?

REST API > 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스 REST는 Representational State Transfer (대표 상태 전송)의 줄임말로 애플리케이션 개발의 아키텍처 중 하나이다. 기본 개념 웹 애플리

가장 많이 사용하는 리액트 상태 관리 라이브러리이다.리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 불리시켜서 더욱 효율적으로 관리할 수 있다.또한, 컴포넌트끼리 똑같은 상태를 공유해야 할때도 여러 컴포넌트를 거치지 않고 손쉽게 상태를 전달하거나 업

1. React에서 state의 불변성을 유지하라는 말이 있는데 이에 대해 설명해달라 2. 리듀서 내부에서 불변성을 지키는 이유는? 전개 연산자의 단점을 해결할 수 있는 방법은 무엇인가

리액트 사용시에 부수효과로 인해 생기는 문제점이 있다면 부수 효과를 일으키는 함수 (불순 함수) 부수 효과를 일으키지 않는 함수 (순수 함수) 요약

MUI의 장단점은 무었인가요? 최근 MUI 개선된점은 무엇인가요? css-in-css 와 css-in-js 각각의 특징과 차이는?

Hooks의 종류 🔥🔥 useEffect 리액트에서 setState는 비동기 동작인가요 동기 동작인가요? 🔥 setState가 비동기 동작을 취했을 때 얻을 수 있는 이점은 무엇인가요? 🔥 useReducer, useMemo,useCallback,useRef,커

웹팩이란? 모듈이란? 모듈 번들링이란? 웹팩이 등장한 이유 웹팩 사용 시에 이점 바벨이란? 웹팩의 주요 속성 4가지

SPA(Single Page Application)는 직역하면 단일 웹페이지로 돌아가는 애플리케이션을 의미SPA는 브라우저에서 자바스크립트를 이용하여 단일 웹페이지 상의 HTML 요소를 동적으로 생성하고 조작한다. 서버 측에서는 텅빈 HTML 문서 하나와 자바스크립트

프로세스가 뭔가요? 스레드가 뭔가요? 프로세스와 스레드는 어떤 차이가 있나요?

이벤트 처리하기 리액트에서 이벤트의 이름은 카멜(Camel) 표기법을 사용한다. 문자열이 아닌 JSX 함수명으로 전달한다. onClick={함수명} 이벤트 처리(핸들링) 방법 이벤트를 실행할 코드를 그대로 전달하는 것이 아니라 아래 onClick처럼 함수의 형태로

싱글 스레드 장점 싱글 스레드 단점 멀티 스레드 장점 멀티 스레드 단점

브라우저 렌더링

HTTP란 뭔가요? HTTP 프로토콜의 가장 큰 특징은 뭔가요? URL은 뭔가요? HTTP/1.1 과 HTTP/2.0의 차이는 뭔가요? HTTPS는 HTTP랑 뭐가 다른가요? 공개키 (비대칭키) 방식이 뭔가요?

변수란 무엇인가요? 식별자란 무엇인가요? 🔥 변수를 선언한다는 것은 어떤 것을 의미하나요? var 키워드는 뭔가요? 호이스팅이 뭔가요? 🔥🔥🔥🔥 var 키워드의 문제점은 무엇이 있나요? 🔥🔥 let 키워드는 var 키워드와 어떤 점이 다른가요? 🔥🔥🔥

쿠키와 세션을 사용하는 이유? HTTP 프로토콜 환경은 "connectionless, stateless"한 특성을 가지기 때문에 서버는 클라이언트가 누구인지 매번 확인한다. HTTP 프로토콜의 특성이자 약점을 보완하기 위해서 쿠키 또는 세션을 사용한다. connec

데이터 타입의 종류는 어떤 것들이 있나요? 🔥 심벌 타입은 뭐죠? 데이터 타입은 왜 필요할까요? 🔥 정적 타이핑이 뭔가요? 동적 타이핑이 뭔가요? 타입변환과 단축 평가 🔥 데이터 타입 종류

자바스크립트의 배열은 자료구조의 배열과 같나요?배열의 메서드는 어떤 종류가 있나요?고차 함수에 대해서 아나요?forEach 메서드와 map메서드의 차이점에 대해 알고 있나요?리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역 객체배열은 리스트와 비슷한 객체로서

자바스크립트에서 객체란 뭘까요?함수와 메서드의 차이점에 대해 알고 계신가요?자바스크립트에서 객체를 생성하는 방법은 어떤 것들이 있나요?자바스크립트는 객체(object) 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 “모든 것”이 객체이다.원시타입을 제외한 나

원시 값과 객체 비교동적 타이핑을 지원하는 자바스크립트에서 데이터의 타입을 크게 2개로 나누는 이유가 있을까요?값에 의한 전달이 뭔가요?참조에 의한 전달이 뭔가요?자바스크립트가 제공하는 7가지 데이터 타입(숫자, 문자열, 불리언, null, undefined, 심벌,

기본 function 함수와 화살표 함수의 차이를 알고있나요?자바스크립트에서 함수를 정의하는 방법은 몇가지가 있나요?함수 선언문과 함수 표현식은 어떤 차이가 있나요?즉시 실행 함수(IIFE)에 대해 알고 있나요? 알고 있다면 아는 내용에 대해 말해보세요수학에서의 함수는

테스트란 무엇인가요?테스트의 예는 어떤 것들이 있나요?테스트는 왜 해야 하나요?유닛 테스트란 무엇인가요?통합 테스트란 무엇인가요?E2E 테스트란 무엇인가요?테스트를 소프트웨어의 관점에서 정의하면 "애플리케이션이 요구 사항에 맞게 동작하는지를 검증하는 행위"DB에 데이터

생성자 함수가 뭔가요?객체 리터럴로 만들 때와는 무슨 차이가 있죠? 왜 생성자 함수를 사용하나요?생성자 함수가 객체(인스턴스)를 생성하는 과정에 대해 간략하게 설명해줄 수 있나요?new 연산자와 함께 호출하여 객체를 생성하는 함수생성자 함수에 의해 생성된 객체를 인스턴