♥ [프론트엔드 심화]상태 관리와 비동기 처리-React / ts : Task App(1)
프로젝트 초기 설정 및 폴더방법 1$ npx create-react-app 방법2npm init viteProject name: ./Select a framework: > React //리액트 선택 Select a variant: > TypeScript //타입스크립트 선택npm i>>생성 완료시작하기 //package.json파일에 debug파트에 "dev라고 되어 있음" "scripts": { "dev": "vite", //터미널npm run dev 구조 생성src 폴더 구조 안내src 폴더 구조 설명src 폴더 안에는 다음과 같은 하위 폴더들을 만든다:화면을 구성하는 모든 UI 컴포넌트를 모아두는 공간이다.이 폴더에는 다음과 같은 주요 컴포넌트를 넣는다:ActionButton..
props : 컴포넌트 간에 데이터를 넘길때 사용 //MyWeather.tsximport React from 'react';interface MyProps { weather: string;}const MyWeather: React.FC = (props) => { return ( 오늘의 날씨는 {props.weather}입니다. );};export default MyWeather; //App.tsximport './App.css';import Todolist from './Todolist';import Clock from './Timer';import MyWeather from './MyWeather';function App() { let ..