수정중새로운 게시물 추가import React, { useState } from "react";import { Form, Button } from 'react-bootstrap';// interface 대신 type을 사용하는 이유 : 인터페이스는 객체의 구조를 정의할 때 사용. 지금은 새로운 타입만 정의되면 되기 때문type Todo = { id: number; text: string; isChecked: boolean;};const TodoList: React.FC = () => { //Function Component의 약자. props의 타입을 명시하는 역할 // state 사용 관리를 위해 타입 지정. state를 사용하면 상태관리가 가능. const title: string = "오..

클래스형 컴포넌트와 함수형 컴포넌트컴포넌트 작성 방법에는 클래스형/함수형 두가지 방법이 있다.클래스형 : 리액트 초기함수형 : 최근 권장방식왜? 이전에는 state나 life cycle 방식을 클래스형에서만 사용할 수 있었기 때문// 클래스형import { Component } from "react";// 클래스형 컴포넌트 생성 시 무조건 Component 상속 필요class ClassCom extends Component{ render(){ // 필수 return( 클래스형 컴포넌트 ) }}export default ClassCom;// 함수형let FuncCom = () => { return( 함수형 컴포넌트 )};export default FuncC..

React 프로젝트 생성 및 코드 분석npx create-react-app [프로젝트이름] --template typescript-> 타입스크립트 방식의 리액트 앱 생성jsx 문법주석문 작성법{/* 작성자 : eom 작성일 : 2024-05-10 remark : 기능에 대한 내용*/}아는 내용이 많아 11-04 내용은 간략히