일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- blockchain
- CLASS
- HTML
- Props
- bitcoin
- CSS
- hardhat
- API
- 삶
- evm
- Redux
- 기준
- error
- JavaScript
- built in object
- useState
- express.js
- nextJS
- node.js
- REACT
- graphQL
- Interface
- typeScript
- middleware
- solidity
- tailwindcss
- web
- Ethereum
- SSR
- concept
- Today
- Total
목록전체 글 (369)
ReasonJun
React.Component / Component In React, a class is a way to define a component using ES6 class syntax. It allows you to create reusable components with encapsulated state and behavior. React class components are based on the JavaScript class keyword and are an alternative to functional components. To define a class component in React, you typically extend the base Component or **React.Component** ..
In React, both state and props are used to manage and pass data in components, but they serve different purposes. State: State is an internal data storage specific to a component. It represents the mutable data that can be changed over time. State is managed and controlled by the component itself. When state changes, the component re-renders to reflect the updated state. State is typically initi..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bXrjjM/btsjkibc4uk/12cArJNlZDxABc5OLD9Nu0/img.png)
Babel is a tool that extands the grammar of JavaScript. It converts the latest, convenient, or experimental JavaScript grammar that is not yet supported into a formal JavaScript format, allowing it to run properly even in an older browser-like environment. For JSX to properly convert to JavaScript, there are several rules you must follow. At least two tags must be wrapped in one tag or use 'Frag..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/4RTJW/btsjlYC6KBF/ByNjWRurFfURf4fsqOEKg1/img.png)
JSX (JavaScript XML) is an extension to the JavaScript language syntax used in React. It allows you to write HTML-like code within JavaScript, making it easier to define the structure and appearance of UI components in React. With JSX, you can write HTML-like tags and include JavaScript expressions within curly braces {}. It provides a concise and intuitive way to define the UI hierarchy and the..
JavaScript Code: // JavaScript code for rendering a list of names const names = ['Alice', 'Bob', 'Charlie']; const listContainer = document.getElementById('list-container'); const list = document.createElement('ul'); names.forEach(name => { const listItem = document.createElement('li'); listItem.innerText = name; list.appendChild(listItem); }); listContainer.appendChild(list); React Code: // Rea..
Declarative syntax is a fundamental concept in React that defines how UI components are structured and rendered. In React, you describe the desired state of your user interface, and React takes care of updating the actual DOM to match that state. This declarative approach contrasts with an imperative approach, where you manually manipulate the DOM to reflect changes in the UI. In React's declara..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bdWPPk/btsjlZhHS23/0GVRG37bSIq6VbAeFwEScK/img.png)
Virtual DOM Problem with websites made with existing html / CSS / js Whenever a DOM change occurs due to some interaction, the render tree is recreated. That is, the style of all elements is recalculated. This provides the potential for the web to slow down when there is a lot of interaction. Virtual DOM is a copy of the real DOM into memory. In React, the Virtual DOM (Document Object Model) is ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/BuYkM/btsjqv7RjKu/CIVwNkjTKpKQffcRNcKREK/img.png)
Component-Based Architecture In React, Component-Based Architecture is a fundamental concept that forms the basis of building user interfaces (UIs). React encourages developers to break down the UI into small, reusable components, which are self-contained units responsible for their own rendering and behavior. These components can be composed together to form complex UI structures. Here are the ..
Component-Based Architecture: React follows a component-based architecture, where the UI is divided into reusable components. Components are encapsulated, self-contained units that manage their state and handle rendering. This modular approach makes it easier to build and maintain complex UIs. Virtual DOM: React uses a virtual DOM (Document Object Model) to efficiently update and render UI compo..
The tsconfig.json file is a configuration file used in TypeScript projects to specify compiler options and project settings. It allows you to customize how TypeScript compiles your code and provides control over various aspects of the compilation process. Here are some common attributes that can be configured in the tsconfig.json file: { "compilerOptions": { // ES(JS) version to be compiled- "ES..