리액트 인터뷰 가이드

[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, 그래프
배포를 포함한 애플리케이션 구조 설계하기
커피 레스토랑 프로젝트
정리