일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- typeScript
- Redux
- graphQL
- useState
- web
- REACT
- node.js
- 삶
- bitcoin
- concept
- 기준
- Ethereum
- middleware
- nextJS
- CSS
- JavaScript
- evm
- tailwindcss
- blockchain
- hardhat
- error
- API
- Props
- CLASS
- solidity
- Interface
- built in object
- HTML
- SSR
- express.js
- Today
- Total
목록전체 글 (369)
ReasonJun
In the context of web development, middleware refers to a software component or function that sits between the client and the server in a request-response cycle. It provides a way to intercept, process, and modify requests and responses, often adding additional functionality or transformations to the data flowing through the system. Middleware acts as a bridge or layer that sits in the middle of..
Axios is a popular JavaScript library used for making HTTP requests from browsers and Node.js applications. It provides a simple and elegant API for performing asynchronous operations and handling responses. Axios supports various features such as interceptors, automatic request cancellation, and support for both JSON and FormData formats. Here are some key features and benefits of using Axios: ..
useMemo is a hook in React that allows you to memoize the result of a computation. It is used to optimize performance by avoiding unnecessary recalculations of expensive or complex values. When you use useMemo, you provide a function and a dependency array. The function is executed during the rendering phase, and its return value is memoized. The memoized value is then cached and only recalculat..
useCallback is a hook in React that is used to memoize and optimize the creation of a function, especially when passing that function down to child components. It is primarily used to avoid unnecessary re-creation of function references, which can lead to unnecessary re-renders of child components. When a component renders, any functions defined within the component body are recreated each time ..
In React, "shallow compare" and "deep compare" refer to different approaches for comparing the values of props and state to determine if a component should re-render. Shallow Compare: Shallow comparison, which is the default behavior in React, involves comparing the prop and state values by their references. When using shallow comparison, React checks if the references of the current props and s..
React.memo To fix the comparison method used by React.memo for prop comparison, you can provide a custom comparison function as the second argument to React.memo. This custom comparison function determines whether the component should be re-rendered by comparing the previous props with the next props. The custom comparison function receives two arguments: prevProps and nextProps. It should retur..
React.memo is a higher-order component (HOC) provided by React that aims to optimize functional components by preventing unnecessary re-renders. It is similar to the PureComponent class component optimization but designed for functional components. By wrapping a functional component with React.memo, React will automatically memoize the component and only re-render it if its props have changed. I..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bUYnkk/btsjIK47yfM/697YhICMCI2sgJaftNZNd1/img.png)
App.js code : import { useEffect, useState } from 'react'; import './App.css'; import B from './components/B'; import A from './components/A'; function App() { const [value, setValue] = useState(''); const [posts, setPosts] = useState([]); useEffect(() => { fetch('https://jsonplaceholder.typicode.com/posts') .then((res) => res.json()) .then((posts) => setPosts(posts)); }, []); return ( setValue(..
JSONPlaceholder is a free online REST API that provides mock data for testing and prototyping purposes. It allows developers to simulate various HTTP endpoints and obtain JSON responses similar to a real API. JSONPlaceholder is commonly used by developers who need to interact with an API during development without the need for a complete backend implementation. Here are some key features and cha..
In React, useEffect is a hook that allows you to perform side effects in functional components. Side effects can include fetching data from an API, subscribing to events, manipulating the DOM, and more. The useEffect hook is similar to lifecycle methods such as componentDidMount, componentDidUpdate, and componentWillUnmount in class components. The useEffect hook takes two arguments: a function ..