리액트 라디오 박스 버튼 구현 방법에 대해서 정리해 보았습니다. 대략 로직을 생각해 보면, 특정 라디오 그룹이 존재하며 – MUI Radio Group 활용 해당 라디오 버튼에 고유값을 지정하고 – MUI Radio button 활용 라디오 버튼의 키값을 useState에 값을 담아 – useState Hook 활용 각각이 선택되었을 때 로직을 분기 위의 방식으로 처리하면 될 거 같습니다. 리액트에서 MUI … Read more
vite 빌드 환경에서의 타입스크립트 리액트 개발 환경 구성 방법을 정리해 보도록 하겠습니다. 타입스크립트 언어로 구성된 리액트 개발 환경을, 매우 빠른 빌드 환경을 가진 VITE 로 구성함을 목표로 하고 있습니다. VITE 빌드 환경으로 REACT 타입스크립트 프로젝트 생성 프로젝트를 생성하고자 하는 폴더로 이동합니다. vite 환경을 생성합니다. npm create vite@latest 프로젝트, 패키지 이름 설정한 후, 리액트 프로젝트를 선택합니다. … Read more
Vite 를 사용해서 리액트를 타입스크립트로 구성하는 도중, 절대 경로를 설정하며 정리해 보았습니다. 타입스크립트가 아닌 자바스크립트 방식과는 조금 달랐는데요, vite-tsconfig-paths 모듈 설치 및 vite.config.ts, tsconfig.json 수정으로 해결하였습니다. vite-tsconfig-paths 모듈 설치 vite-tsconfig-paths 모듈은 vite 빌드 도구를 통해 TypeScript의 경로를 매핑을 사용하여 가져올 수 있도록 하는 npm 모듈입니다. npm install vite-tsconfig-paths –save-dev 설치가 완료되면 vite.config.ts 를 다음과 같이 … Read more