일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- HTML
- nextJS
- 삶
- bitcoin
- express.js
- 기준
- graphQL
- solidity
- Props
- built in object
- web
- Redux
- evm
- error
- CLASS
- blockchain
- hardhat
- Ethereum
- API
- typeScript
- REACT
- node.js
- CSS
- useState
- Interface
- concept
- tailwindcss
- SSR
- JavaScript
- middleware
- Today
- Total
목록전체 글 (369)
ReasonJun
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/JTJ3z/btsjEajURM4/j1j4S0yl9DvDfnqpnOEkP1/img.png)
React Developer Tools is a browser extension available for Google Chrome that provides developers with a set of helpful tools for inspecting, debugging, and profiling React applications. It is designed specifically for developers working with React, a popular JavaScript library for building user interfaces. Here are some key features and functionalities of React Developer Tools: Profiling and Pe..
JSX key is a special attribute used in React.js when rendering lists of elements. When rendering multiple elements or components in a loop, React requires each item to have a unique "key" prop. The key prop helps React keep track of the individual items in the list and efficiently update and reorder them when necessary. The key prop should be assigned a unique identifier for each item in the lis..
Higher-Order Components (HOCs) are a design pattern in React that allow for code reuse, logic abstraction, and component composition. HOCs are functions that take a component as input and return an enhanced version of that component with additional functionality or props. Here's an example to illustrate the concept of an HOC: // Higher-Order Component const withLogger = (WrappedComponent) => { r..
Hooks are a feature introduced in React 16.8 that allows you to use state and other React features without writing a class. They provide a way to add stateful logic to functional components, making it easier to reuse and organize your code. Hooks are designed to enable better code reuse, composition, and readability in React applications. Using Hooks: import React, { useState } from 'react'; con..
Conditional rendering in React refers to the ability to display different components or content based on certain conditions or logical expressions. It allows you to control what gets rendered to the DOM based on the state or props of your components. There are several ways to implement conditional rendering in React: if statement: You can use a standard JavaScript if statement to conditionally r..
Function and Class Components The simplest way to define component is to write a JS function : function Welcome(props) { return Hello, {props.name}; } This function is a valid React component because it accepts a single “props” (which stands for properties) object argument with data and returns a React element. We call such components “function components” because they are literally JS function...
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ccy9gm/btsjllyFk8T/5rIO9SohlTuj5PuZfVhCzK/img.png)
Props is short for properties. When we need to deliver a value to a component, we use props. When using ‘Hello’ component in App component, it delivers the value of name. 2. Props delivered to components can be inquired through parameters. Props is delivered in the form of an object, and if you want to look up the ‘name’ value, you can look up ‘props.name’. Multiple props, unstructured assignmen..
Pros Single-Page Applications (SPAs) offer several advantages that make them a popular choice for modern web development. Here are some pros of SPAs: Enhanced User Experience: SPAs provide a smooth and responsive user experience by dynamically updating the content on the page without requiring a full page reload. Users can navigate through the application seamlessly, as the UI remains interactiv..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/zK5bK/btsjkFYEJXS/p0862UTSYnhIKkU7nQItp0/img.png)
SPA stands for Single-Page Application, and it is a web application architecture that aims to provide a seamless user experience by loading and rendering all necessary resources on a single web page, instead of navigating to multiple pages. React is well-suited for building SPAs due to its component-based architecture and efficient rendering capabilities. In a React SPA, the initial HTML page is..
![](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..