면접 예상 질문

리액트 사용 이유?

• Virtual DOM
  • 효율적인 렌더링, 빠른 속도 제공
• 컴포넌트 재사용성

Virtual DOM?

• Virtual DOM을 메모리에 생성해 이전 DOM과 비교해 필요한 부분만 업데이트 하도록 해 렌더링을 효율적으로 관리하도록 함

Vite?

• 프로젝트 빌드 도구
• ESM 방식을 이용해 실제로 필요한 모듈만을 동적으로

JSX 란?

• JavaScript 확장 문법
• 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환

JSX 에서 지켜야 하는 문법

• 반드시 부모 요소 한개가 감싸야 함
• JS 작성시 {}
• 조건부 연산자(삼항 연산자) 사용
• AND 연산자 사용
• …등

JSX의 장점

• 보기 쉽고 간결하다, 가독성이 좋음
• 활용도가 높다

웹팩이란?

• 웹 애플리케이션에서 사용하는 수많은 리소스를 하나의 파일로 병합 및 압축 해주는 모듈 번들러