분류 전체보기

리액트는 자바스크립트이며, 자바스크립트는 동적 프로그래밍 언어이다. 동적 프로그래밍 언어는 런타임 시 변수의 타입이 결정된다. 이렇게 런타임 중 변수의 타입이 결정되면 변수의 타입 때문에 발생하는 버그와 에러는 자바스크립트를 실행해 보지 않으면 알 수가 없다. 이런 문제를 해결하고 정적 타입 분석기인 타입스크립트를 사용한다. TypeScript: JavaScript With Syntax For Types. (typescriptlang.org) JavaScript With Syntax For Types. TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by..

@testing-library는 DOM 테스팅 라이브러리이다. 사용자 중심 방식으로 UI 컴포넌트를 테스트하는 데 도움을 주는 라이브러리이다. https://testing-library.com/docs/react-testing-library/intro/ React Testing Library | Testing Library React Testing Library builds on top of DOM Testing Library by adding testing-library.com npm install --save-dev @testing-library/react App.js import logo from './logo.svg'; import './App.css'; function App() { return..

https://jestjs.io/ Jest By ensuring your tests have unique global state, Jest can reliably run tests in parallel. To make things quick, Jest runs previously failed tests first and re-organizes runs based on how long test files take. jestjs.io C:\Users\knew\Documents\20211104\jest-test>npm init This utility will walk you through creating a package.json file. It only covers the most common items, ..

C:\Users\???>node -v v16.8.0 C:\Users\???>npm -v 8.1.2 C:\Users\???>npx create-react-app --version 4.0.3

1. 가상 돔 2. 단방향 데이터 바인딩 3. JSX : 자바스크립트와 HTML을 동시에 사용하며, HTML에 자바스크립트 변수들을 바로 사용할 수 있는 일종의 템플릿 언어 const App = () => { const hellp = 'Hello World'; return {hello}{/div>; } 4. 선언형 프로그래밍 // 명령형 프로그래밍 const double = (arr) => { let result = []; for (let i =0; i { result arr.map((elem) => elem *2); } JSX..