총 223개에 달하는 리액트 개발자 면접 질문을 통해 리액트와 프런트엔드 개발 지식을 한 단계 더 업그레이드하세요!

 

《리액트 인터뷰 가이드》는 리액트 생태계와 최신 리액트 개발 동향에 대해 종합적으로 다룬다. 이 책을 통해 리액트 개발에 필수적인 기술과 팁을 통해 앞으로 겪을 다양한 상황에 신속하게 대응할 수 있는 능력을 키울 수 있다.

 

또한 리액트 개발자 면접을 준비하는 프런트엔드 개발자 꿈나무들뿐만 아니라 이미 경험 많은 개발자들도 리액트 지식을 확장할 수 있도록 리액트 면접에서 자주 등장하는 질문과 테스팅, Next.js 앱 구축과 같은 중요 기술들을 함께 다룬다.

 

이 책을 통해 리액트 직무 면접에 대한 자신감을 쌓고, 리액트 개발자로서 한 단계 더 나아갈 수 있을 것이다.

 

 

[목 차]

 

[1부] 면접 준비

 

▣ 01장: 면접 준비를 위한 마음가짐 다지기

이력서와 자기소개서 준비

깃허브 프로필 또는 웹사이트 포트폴리오 만들기

지원할 일자리 찾기

밋업 및 추천의 역할

면접 팁 살펴보기

정리

 

[2부] 리액트 핵심 기술 면접 마스터하기

 

▣ 02장: 리액트의 기본 개념과 기능 이해

리액트 개발을 위한 선행 조건

리액트 소개

JSX

요소와 컴포넌트를 이용한 뷰 구축

props와 state를 활용한 컴포넌트 데이터 제어

key prop의 중요성

이벤트 처리

가상 DOM

리액트 애플리케이션에서의 데이터 흐름과 통신

리액트에서 DOM 요소 접근

컨텍스트 API를 이용한 전역 상태 관리

서버 사이드 렌더링

정리

 

▣ 03장: 훅 - 함수 컴포넌트에 state와 다른 기능 추가하기

훅 소개와 목적

훅을 이용한 지역 state 관리

훅을 이용한 전역 state 관리

리액트 애플리케이션에서 부수 효과 실행하기

애플리케이션 성능 최적화

ref 훅을 사용한 DOM 노드 접근

인기 있는 서드파티 훅

사용자 정의 훅 구축

훅 문제 해결과 디버깅

정리

 

▣ 04장: 라우팅과 국제화

기술 요구사항

내비게이션 및 리액트 라우터 소개

라우트, 라우트 타입, 링크

라우트 추가

URL 파라미터에 접근하기

중첩 라우트

동적 라우팅

오류 페이지

국제화와 지역화

번역 및 포매팅된 메시지 추가

인수 전달 및 플레이스홀더

정리

 

▣ 05장: 리액트의 고급 개념

포털

에러 바운더리

Suspense API를 활용한 비동기 작업 관리

동시성 렌더링을 활용한 렌더링 성능 최적화

Profiler API를 활용한 리액트 애플리케이션 디버깅

엄격 모드

정적 타입 검사

리액트의 모바일 환경 및 기능

정리

 

[03부] 리액트 그 너머, 그리고 심화 주제

 

▣ 06장: 리덕스 - 최고의 상태 관리 솔루션

플럭스 패턴과 리덕스 이해하기

리덕스의 핵심 원칙, 컴포넌트, API

리덕스 미들웨어: 사가와 썽크

RTK를 활용한 리덕스 로직 표준화

리덕스 개발자 도구로 애플리케이션 디버깅하기

정리

 

▣ 07장: 리액트에서 CSS를 다루는 다양한 방법

기술 요구사항

CSS를 적용하는 다양한 방법

전처리기와 CSS 모듈 알아보기

CSS-in-JS 접근법과 styled-components의 사용법

리액트 애플리케이션에서 styled-componen

사용하는 법

정리

 

▣ 08장: 리액트 애플리케이션 테스팅과 디버깅

기술 요구사항

리액트 테스트 헬퍼 소개

소프트웨어 테스트하기

애플리케이션 속 데이터 관리하기

이벤트 및 타이머를 활용한 코드 실행

리액트 개발자 도구를 활용한 디버깅과 분석

정리

 

▣ 09장: Next.js, 개츠비, 리믹스 프레임워크를

빠른 개발

리액트를 풀 스택 프레임워크로 사용하기

정적 사이트 생성

서버 사이드 렌더링

페이지 메타데이터 추가

SEO 모범 사례

정리

 

[04부] 프로그래밍 실습

 

▣ 10장: 실제 프로그래밍 과제 깨부수기

기술 요구사항

개발 환경 준비

올바른 스캐폴딩 도구 또는 템플릿 선택하기

애플리케이션 아키텍처 결정

코드 테스트하기

README와 함께 Git 저장소를 만들고 공유하기

정리

 

▣ 11장: 리액트, 리덕스, styled-componen

파이어베이스 백엔드 기반 애플리케이션 만들기

기술 요구사항

프로젝트 스캐폴딩 및 구성

파이어베이스 서비스 소개와 애플리케이션 구성

파이어베이스 인증과 백엔드 구현하기

상태 관리를 위한 리덕스 컴포넌트 만들기

프레젠테이션 레이어 만들기

다국어 지원

Vitest 프레임워크로 테스팅 구현하기

README 문서와 함께 Git 저장소 생성하기

공개 접근을 위해 애플리케이션 배포하기

정리

 

▣ 12장: Next.js 툴킷, 인증, SWR, 그래프

배포를 기반으로 한 애플리케이션 만들기

기술 요구사항

REST API 소개

사용자 인증, SWR, 그래프

배포를 포함한 애플리케이션 구조 설계하기

커피 레스토랑 프로젝트

정리