PROPS 2

[ TypeScript ] 기초

Typescript란?type이 있는 자바스크립트로정적 타입을 제공하며 개발 시 타입 오류를 보여줌으로써 추후 개발 시 오류 예방할 수 있음let name = "챗지회피티"; // JS에서는 문자열인지 검사 안 함let age: number = 23; // TS에서는 타입 지정 시 그 타입만 가능 Typescript 분류내용 ]타입 선언type, interface, enum 등타입 조합유니언(`타입 별칭이름 붙여서 재사용타입 예시문자열, 숫자, 객체, 배열, 함수 등특수 타입children, ReactNode, CSSProperties비교interface vs type & 명확히 구분 1. React에서 사용하는 EventReact Event는 React에서 사용하는 이벤트 처리 시스템이는 브라우저의..

FrontEnd/React 2025.04.11

[ React ] JSX Component & Props & State

💡 개발할 때 자주 쓰는 명령어 비교- 명령어 설명npm install 또는 npm i패키지(라이브러리) 설치npm start개발 서버 실행 (브라우저에서 보기)npm run build배포용 코드로 압축/최적화npm test테스트 코드 실행✅ 함수형 → 클래스형으로 바꾸기(공부용/과거 코드 호환용)🧠 핵심 변화 요약- 함수형 클래스형함수형 클래스형useStatethis.state + this.setState화살표 함수(RSC)클래스 메서드로 작성 (RCC)return (...)render() { return (...) } 안에서 작성useState는 HOOK이라 ctrl +space+ ENTER해서 import해줘야 함단방향 vs 양반향 처리 bonding → ← obChangeReactDevelop..

FrontEnd/React 2025.04.02