안녕하세요

리액트 1. App.js 컴포넌트에 작성됩니다. import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( ); 2. App.js에서 html 구조를 만들고, section을 이루는 component들을 가져오게 됩니다. import Test from "./list"; const App = () => { return ( ); }; export default App; 3. react에서는 tag에 직접 function을 줍니다. const Test = ({ l..

리액트 앱 실행 순서입니다. 1. cd 로 react를 시작할 경로로 이동합니다. 2. npx create-react-app . react app을 만듭니다. 3. App.js 에서 작성한 코드들을 index.js에서 import하고, index.js에서 작성한 코드들이 index.html(root)로 갑니다. 4. public의 index.html 과 src의 App.js, index.js 만 남겨줍니다. 5. npm start를 입력하여 react app이 정상적으로 구동하는지 확인합니다. 6. 리액트에서는 querySelector 선택자를 사용하지 않고, 태그에 직접 기능을 넣습니다. {num} { num = num + 1; console.log(num); }} >click 7. react에서는 s..

154. 문자열 규칙 .length 처럼 괄호가 없는 것은 함수를 실행시키는 것이 아니라, 속성값에 접근하는 것입니다. .toUpperCase() 대문자로 만들기 .toLowerCase() 소문자로 만들기 .trim() 양 끝의 공백 없애기 method는 연달아 작성할 수 있습니다. let greeting = "hi " greeting.trim().toUpperCase() 를 하면 "HI" 이 됩니다. 155. 인수가 있는 문자열 규칙 (argument) .indexOf() let tvShow = 'catdog'; tvShow.indexOf('cat'); // 0 tvShow.indexOf('dog'); // 3 tvShow.indexOf('z'); // -1 값 안에서 찾고자 하는 문자열과 최초로 일치..

25304 영수증 준원이는 저번 주에 살면서 처음으로 코스트코를 가 봤다. 정말 멋졌다. 그런데, 몇 개 담지도 않았는데 수상하게 높은 금액이 나오는 것이다! 준원이는 영수증을 보면서 정확하게 계산된 것이 맞는지 확인해보려 한다. 영수증에 적힌, 구매한 각 물건의 가격과 개수 구매한 물건들의 총 금액 을 보고, 구매한 물건의 가격과 개수로 계산한 총 금액이 영수증에 적힌 총 금액과 일치하는지 검사해보자. 첫째 줄에는 영수증에 적힌 총 금액 X$X$가 주어진다. 둘째 줄에는 영수증에 적힌 구매한 물건의 종류의 수 N$N$이 주어진다. 이후 N$N$개의 줄에는 각 물건의 가격 a$a$와 개수 b$b$가 공백을 사이에 두고 주어진다. 260000 4 20000 5 30000 2 10000 6 5000 8 구매..