분류 전체보기183 [Next.js] Data Fetching 정리 https://nextjs.org/docs/basic-features/data-fetching/overview Data Fetching: Overview | Next.js Next.js allows you to fetch data in multiple ways, with pre-rendering, server-side rendering or static-site generation, and incremental static regeneration. Learn how to manage your application data in Next.js. nextjs.org Next.js의 공식 문서를 토대로 Next.js의 pre-rendering 과정에서의 SSR(Server-side rendering)과 SSG.. 2022. 5. 27. 이더리움 플랫폼 데이터 용어 정리 1 코어 이더리움 프로그래밍 책의 2.3.1절에 대한 용어 정리입니다. 외부 소유 어카운트(EOA, Externally Owned Account): 일반적으로 말하는 이더리움 사용자 어카운트 컨트랙트 어카운트(CA, Contract Account): 스마트 컨트랙트 넌스(nonce): 해당 어카운트로부터 보내진 트랙잭션 수 잔액(balance): 해당 어카운트의 이더 잔고 루트(root): 해당 어카운트가 저장될 머클 패트리시아 루트 노드 코드해시(CodeHash): 해당 어카운트의 스마트 컨트랙트 바이트 코드 머클 크리(Merkle Tree): 이진트리 트랜잭션: 다른 어카운트나 컨트랙트에 보낼 데이터 구조체(struct)로서, 전자서명으로 암호화 리시트(Receipt): 모든 트랙잭션의 로그를 저장하는 .. 2022. 5. 22. [React] typescript component return type 타입스크립트에서 리액트 컴포넌트를 작성할 때 리턴 타입에 여러 종류가 있어서 오늘 이 내용을 가볍게 정리해보려 합니다. 크게 ReactNode, ReactElement, JSX.Element가 있습니다. 1. ReactNode render 메서드가 반환하는 값이 ReactNode라고 합니다. render 메서드는 클래스 컴포넌트에서 사용되는 함수도 ReactNode는 클래스 컴포넌트의 리턴 값으로 사용됩니다. 아래에서 살펴볼 ReactElement와 JSX.Element와 다른 점은 boolean, null, undefined를 값으로 가질 수 있다는 점입니다. 2. ReactElement jsx에서 컴포넌트를 작성하면 react.createElement를 사용하여 코드를 변환하는데, react.crea.. 2021. 12. 27. [React] 컴포넌트 props 타입 지정 typescript를 이용한 react에서 컴포넌트 props의 타입을 지정할 때 몇 가지 방법을 사용할 수 있습니다. 1. React.FC import React from "react"; interface MyComponentProps { name: string; } const MyComponent: React.FC = ({ name }) => { return {name}; }; export default MyComponent;첫 번째 방법은 React.FC를 사용하는 방법입니다. 사이에 타입을 삽입해주면 되는데요, 이 방법의 이점은 아래와 같습니다. props에 기본적으로 children이 들어있는 점 컴포넌트의 defaultProps, propTyps, contextTypes를 설정할 때 자.. 2021. 12. 27. 이전 1 2 3 4 5 6 7 8 ··· 46 다음
