컴퓨터/React10 [React] Props에 대하여/프롭 정리 Props에 대하여 React에서 Props는 컴포넌트 간에 데이터를 전달하는 방법이다. 리액트에서는 기본적으로 상위 컴포넌트에서 하위 컴포넌트로 값을 전달할 때 props를 사용한다. Props를 사용하는 방법 Props를 사용하려면, 컴포넌트의 속성으로 Props를 넘겨줘야 한다. 다음은 Props를 사용하는 기본적인 방법이다. 예시: import {Hello} from './Hello' function App() { const names = ['Bill', 'Chichi', 'Mina']; return ( ) } export function Hello(props){ console.log(props.name); return( {props.name} ) } 위 예제를 보면 상위 컴포넌트 App에서 하위.. 2023. 6. 8. [React] Vite를 사용한 리액트 시작 Vite란? Vite는 프랑스어로 빠르다를 의미한다. (필자의 전공 중 하나이기도 하다) Vite는 빠르고 간결한 모던 웹 프로젝트 개발에 초점을 맞춰 탄생한 빌드 도구이다. Vite를 사용하면 쉽고 빠르고 간결하게 각종 라이브러리(프레임워크) 앱을 시작할 수 있다. 기본적으로 기존에 사용하던 creat-react-app으로 생성되는 프로젝트보다 빠르다. 지원중인 템플릿 JavaScript TypeScript vanilla vanila-ts vue vue-ts react react-ts preact preact-ts lit lit-ts svelte svelte-ts 보다시피 자바스크립트 버전과 타입스크립트 버전 모두 지원하고 있음을 확인 할 수 있다. Vite 프로젝트 시작 npm을 이용한다면 아래 명령.. 2023. 6. 8. 이전 1 2 3 다음
