프론트엔드

레이싱 게임 플랫폼 프런트엔드 구조 문서

CRA와 craco로 구성된 레이싱 게임 플랫폼 프런트엔드의 구조를 정리한 공개 문서 레포지토리

racing-game-platform-frontend-docs최근 업데이트 2026년 7월 26일

개요

레이싱 게임 플랫폼의 프런트엔드 프로젝트 구조를 외부에 공유하기 위해 별도로 만든 문서 전용 레포지토리입니다. Create React App(CRA) 기반에 craco로 빌드 설정을 커스터마이징했고, tsconfig 경로 별칭을 위한 별도 설정 파일을 두고 있습니다. 실제 소스 코드는 포함하지 않고 src, public 디렉터리 구조와 커스텀 설정 파일의 존재만 문서로 정리했습니다.

담당 역할

레이싱 게임 플랫폼 프런트엔드 프로젝트의 구조를 정리하여 공개용 기술 문서로 작성했습니다.

아키텍처 다이어그램

레포지토리 분석 결과를 바탕으로 자동 생성된 구조도입니다.

아키텍처

프런트엔드 프로젝트 구조 개요

CRA 기반 프로젝트에 craco와 별도 tsconfig paths 설정이 어떻게 관여하는지를 보여주는 구조도입니다.

다이어그램을 그리는 중…

기술스택

각 기술을 이 프로젝트에서 어떤 용도로 썼는지 정리했습니다.

프레임워크

Reactsrc, public 디렉터리 구조를 갖춘 프런트엔드 UI 개발

도구

Create React App프로젝트 초기 스캐폴딩 및 빌드 도구
cracoCRA 기본 빌드 설정을 craco.config.js로 커스터마이징

언어

TypeScripttsconfig.paths.json으로 경로 별칭(paths)을 별도 관리

핵심 포인트

CRA의 기본 설정을 eject 없이 craco.config.js로 확장해 커스터마이징
tsconfig.paths.json을 분리해 절대경로/별칭 import 설정을 별도 관리
소스 코드 없이 구조와 설정 방식만 공개하는 문서 전용 레포지토리로 구성

레포지토리 정보

생성: 2026년 7월 26일
최근 커밋: 2026년 7월 26일
크기: 0 KB
라이선스: 없음

이 문서는 2026년 7월 26일 에 자동 분석으로 생성되었습니다.