처음부터 시작하는 Java

Hello 라는 컴포넌트를 생성해보자 Hello.js // 컴포넌트 생성시 react 호출 import React from "react"; function Hello() { return Hello, React!; } // 다른 컴포넌트에도 사용이 가능하도록 export default Hello; App.js 에서 컴포넌트 호출 import './App.css'; import Hello from "./Hello"; function App() { return ( ); } export default App; 결과 컴포넌트의 재사용 import './App.css'; import Hello from "./Hello"; function App() { return ( ); } export default App; 결과

데이터를 랜더링을 해보고 map을 써서 데이터를 효율적으로 작성해보자 일단 기초 테이블 생성 import "./App.css"; function App() { return ( 품목 가격 사과 1000원 감귤 2000원 ); } export default App; 객체 생성, 랜더링 후의 코드 import './App.css'; function App() { const obj = { header: ["품종", "가격","수량(개)"], data: [ {fruit: "사과", price: "1000원", ea: "5"}, {fruit: "감귤", price: "2000원", ea: "3"} ] }; return ( {obj.header[0]} {obj.header[1]} {obj.data[0].fruit} ..

https://newline.tistory.com/117 React - 인텔리제이로 리액트 프로젝트 만들기 * React 사용에 앞서 NodeJS가 설치되어 있어야 한다. 설치는 https://nodejs.org/en 에서 안정적인 LTS 버전으로 설치하자. 1. New Project - JavaScript - React App - Next 2. 프로젝트명과 경로 입력 후 Next.. newline.tistory.com

https://codingapple.com/unit/react1-install-create-react-app-npx/ 리액트 React 설치와 개발환경 셋팅 (2022 ver) - 코딩애플 온라인 강좌 0:00 개발환경 셋팅 0:42 리액트프로젝트 생성은 2:38 이제 에디터에서 오픈해서 코드짜십쇼 4:04 뭐했는지 설명 개발환경 셋팅 1. 구글에 Nodejs 검색해서 LTS라고 써있는 버전을 설치합시다. - 13 codingapple.com