component
-
[React] JSX, ComponentcodeStates front-end/React 2023. 1. 20. 15:16
📌리액트 기초 개념 📍JSX JavaScript를 확장한 문법 React에서는 DOM과는 다르게 css,jsx 문법만을 가지고 웹 애플리케이션을 개발할 수 있다. DOM에서 JS와 함께 사용하기 위해서는 js와 html을 연결하기 위한 작업이 필요 Inline 방식이나 script 태그를 이용해 외부 js 파일을 연결 가능 🔖 jsx를 써야하는 이유 명시적 코드 작성 : js 문법과 html 문법을 동시에 이용해 기능 구조를 한눈에 확인 가능 코드단순화, 가독성 import React from "react"; import "./styles.css"; function App() { const user = { firstName: "React", lastName: "JSX Activity" }; functio..