일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- hardhat
- express.js
- concept
- 기준
- HTML
- Ethereum
- SSR
- JavaScript
- useState
- solidity
- bitcoin
- error
- node.js
- CLASS
- tailwindcss
- blockchain
- web
- API
- REACT
- typeScript
- Props
- built in object
- 삶
- evm
- Interface
- Redux
- middleware
- nextJS
- graphQL
- CSS
- Today
- Total
목록Frontend/React (40)
ReasonJun
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/pEHCT/btsjj9r91uz/fXaoIxJCrh5xnXuzGK6fB1/img.jpg)
In React, the term "lifecycle" refers to the series of methods that are invoked at different stages of a component's existence, from initialization to destruction. These lifecycle methods allow you to perform specific tasks or implement logic at certain points in a component's lifecycle. React's lifecycle can be divided into three main phases: Mounting: This phase occurs when a component is bein..
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..