Jin

function tetris() { const tetrisView = document.querySelector(".tetris__play .view ul"); const tetScore = document.querySelector(".tetris__score"); const line_rows = 20; //가로 const line_cols = 12; //세로 const movingItem = { //블록의 정보 변수 type: "Tmino", direction: 0, top: 0, left: 6, }; const blocks = { Tmino: [ [ [2, 1], [0, 1], [1, 0], [1, 1], ], [ [1, 2], [0, 1], [1, 0], [1, 1], ], [ [1, 2], [0, ..

import React from "react"; import ReactDOM from "react-dom/client"; function Hello(props){ return ( {props.title1} {props.title2} {props.title3} {props.title4} ); } const name = { name : "JIN", text : "hello", author : { name : "baby", url : "naver.com" } } const root = ReactDOM.createRoot(document.getElementById('root')); root.render(); 이 코드는 React를 사용하여 "Hello" 컴포넌트를 정의하고, 해당 컴포넌트를 렌더링하는 방법을 보..

React 리액트(React)는 Facebook에서 개발한 UI 라이브러리로, 웹 및 모바일 애플리케이션 개발에 사용됩니다. 리액트는 빠른 UI 개발과 관리를 위해 선언적(Declarative) 및 컴포넌트 기반(Component-based) 아키텍처를 사용합니다. 리액트는 가상돔(Virtual DOM)을 사용하여 UI를 렌더링하고, 변화가 필요한 부분만 업데이트하여 빠른 렌더링 속도와 성능을 제공합니다. 이를 통해, 대규모 웹 애플리케이션을 개발할 때 생기는 복잡성을 줄일 수 있습니다. 또한, 리액트는 Flux 아키텍처에서 영감을 받은 단방향 데이터 흐름을 사용하여 상태 관리를 용이하게 합니다. 이를 통해, 애플리케이션의 데이터 관리와 업데이트가 간단하고 예측 가능하며, 디버깅과 유지 보수가 용이해집니..