본문 바로가기

분류 전체보기

(138)
usePathname, useSearchParams https://velog.io/@fervor_dev/Next.js-usePathname-useSearchParams velog velog.io
[Next.js] Using API Router(Router Handlers) in App router https://pozafly.github.io/nextjs/about-modularizing-api-routes-code-in-nextjs/ Next.js의 API Routes 코드 모듈화에 대해서 API Routes를 사용하면 코드가 매우 지저분해진다. API Routes를 사용하면서 어떻게 하면 코드를 보기 좋은 형태로 남길 수 있을지 고민한 흔적. pozafly.github.io https://stackoverflow.com/questions/75418329/how-do-you-put-api-routes-in-the-new-app-folder-of-next-js How do you put api routes in the new app folder of Next.js? I have a test API..
[React] useMemo https://velog.io/@jinyoung985/React-useMemo%EB%9E%80 [React] useMemo란? 📋 useMemo란? useMemo는 리액트에서 컴포넌트의 성능을 최적화 하는데 사용되는 훅이다. useMemo에서 memo는 memoization을 뜻하는데 이는 그대로 해석하면 ‘메모리에 넣기’라는 의미이며 컴퓨터 프로 velog.io
[Solidity] Using X for Y 문법 https://is-aile-i.tistory.com/20 Solidity Library 알아보기_(All you should know about libraries in solidity 번역) Solidity Library에 대해 알고가기! 아래 링크에 있는 글을 번역한 내용이다. 오역 있을 수 있음! reference : https://medium.com/coinmonks/all-you-should-know-about-libraries-in-solidity-dd8bc953eae7 Dapps를 개발할 때 Solidity is-aile-i.tistory.com 이거 골때린다.. 그래도 여기가 가장 잘 설명되어 있다! https://medium.com/coinmonks/soliditys-using-keywo..
[JSON-RPC] 231221 학습일기 https://velog.io/@dohpkim/JSON-RPC-2.0-spec JSON-RPC 2.0 명세 JSON-RPC 2.0 버전 명세서를 번역했습니다.JSON-RPC는 JSON형식으로 된 통신규약으로써, 저는 비트코인, 이더리움 등 블록체인 클라이언트에서 제공하는 JSON-RPC API를 통해서 처음 접했습니다.원문은 다 velog.io 이게 최고로 이해 잘 된다!! https://itdar.tistory.com/395 RPC, 근데 이제 Json을 곁들인.. (Json-RPC) RPC, 근데 이제 Json을 곁들인.. (Json-RPC) RPC 란 무엇인가? Json 이란 무엇인가? RPC 가 사용되는 이유 RPC 동작 방식 Json-RPC 특징 추가: gRPC는? HTTP 위에 얹는 Json-..
[Vercel, Front-end] mono-repo에서 배포 안되는 문제 해결 우리 팀은 한 github 레포 안에 모든 개발 폴더를 두고 있다. front-end 폴더(client), back-end 폴더(server), contract 폴더(contract), react-native 폴더(mobile). 나는 FE 작업을 맡아서 각종 로그인 테스트를 해보기 위해 vercel에 git repo를 연결 후 배포하고자 했다. 내가 작업한 폴더는 proto.v2-client다. **참고** FE 작업은 NEXT.js 프로젝트로 진행. github repo(모노레포 전체)를 연결해서 프로젝트 생성을 해주고, settings에서 root directory도 내가 작업한 FE 폴더로 설정을 해줬다. 근데!! 안됐다. ... docs를 읽어봐도.. 매 딴소리만 한다.. 이것만 읽고 나는 pr..
[Typescript, CSS] Circular Progress Bar 만들기 import colors from "@/styles/color"; import React, { ReactElement } from "react"; import styled from "styled-components"; type Props = { progress: number; label?: string; width?: number; imageUrl: string; }; export default function CircularProgressBar({ progress, label = "Progress Bar", width = 100, imageUrl, }: Props): ReactElement { const strokeWidth = 3; const radius = 100 / 2 - strokeWidth *..
[CSS] CSS-Flex Link Archive https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com
231016 학습일기 1. code에서 자주 쓰이는 config의 의미 configuration(환경 설정) "구성 파일"로도 알려져 있음. 프로그램의 매개 변수나 초기 설정 등을 구성하는 데 사용됨 소프트웨어, 프로그램, 라이브러리, 또는 시스템의 설정 및 구성을 나타냄 어떤 소프트웨어나 시스템이 동작하는 방식을 제어하고 사용자 또는 개발자가 원하는 대로 조정할 수 있도록 하는 중요한 개념 환경 설정 및 설정 파일: 많은 소프트웨어와 애플리케이션은 구성 파일을 사용하여 동작 방식을 정의합니다. 이러한 구성 파일은 "config 파일"이라고도 불립니다. 예를 들어, 웹 서버 구성, 데이터베이스 연결 정보, 보안 설정 등을 포함할 수 있습니다. 프로그램 실행 시 동적 설정: 소프트웨어가 실행되는 동안 일부 설정을 변경하려는 경..
[Styled-components] it looks like an unknown prop "X" is being sent through to the DOM 오류 해결 (X: 사용자 정의) styled-components: it looks like an unknown prop "backgroundcolor" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.) https://velog.io/@mintmin0320/style..