일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- node.js
- Redux
- HTML
- REACT
- web
- CSS
- tailwindcss
- blockchain
- express.js
- error
- Ethereum
- bitcoin
- typeScript
- JavaScript
- Interface
- middleware
- Props
- CLASS
- API
- evm
- built in object
- 삶
- hardhat
- SSR
- nextJS
- graphQL
- concept
- solidity
- useState
- 기준
- Today
- Total
목록전체 글 (373)
ReasonJun
NestJS, a progressive Node.js framework, implements a sophisticated request lifecycle that ensures proper handling of incoming requests through various layers of processing. In this article, we'll break down each step of this lifecycle and understand how it helps in building robust applications.The Request Journey1. Middleware LayerPurpose: Handles common HTTP operationsFunctionality:Pre-process..
Problem : I wrote the Carousel code as shown below. I wanted the width of the carousel to be responsive to the screen size, but it wasn't, so I specified a maximum width for each screen size : "max-w-sm xs:max-w-md sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl". It adjusted well to the screen size, but the problem was that there were often black spaces. {items.map((item, i..
Securing PostgreSQL Functions in Supabase: Addressing Search Path VulnerabilitiesIn the world of database management and application development, security is paramount. Recently, while working on a Supabase project utilizing PostgreSQL functions, I encountered a security warning that led us down a path of discovery and improvement. This blog post will walk you through our journey from identifyin..
Env : Nextjs 14, shadcn Problem : I want Tooltip to be placed at the top, but the z-index value is not applied due to the rendering order in Dom. Fix :use createPortalWhat is createPortal ? (Cluade Sonnet 3.5 Answer)Certainly. `createPortal` is a powerful feature provided by React that allows you to render a component's children into a different part of the DOM tree, outside of the component's o..
Problem : I am currently using an M1 PRO MacBook with dual monitors in FULL-HD quality. I have my code on the MacBook screen and the webview on the dual monitors. I thought it would work fine, but the cursor pointer doesn't work in FULL-HD and the CSS event effects look different. m1 pro macbook screen : full-hd screen : GPT 4O says it may have the following issues : Explanation for CSS Ev..
Overview of Zero-Knowledge Proofs (ZKPs)Zero-Knowledge Proofs (ZKPs) are cryptographic methods that allow a prover to convince a verifier that a given statement is true without revealing any additional information beyond the validity of the statement itself. Key concepts include:Statement: The proposition or computation that needs to be proven.Witness: The private information that proves the sta..
error : While setting up the middleware to utilize the new clerk, I created the middleware with a different name so that it would not be activated for ease of development. Then the above error occurred. When I checked, the clerk was using its own jwt system and was unable to retrieve session data as a header, so it was relying on the auth system in middleware. Therefore, the server side clerk mo..
Problem : In the CSS code surrounding the outermost tag as shown below, justify-center provided a problem with height when accordian was activated. When justify-center is applied in h-screen, the top component is cut off when Accordian, which provides dynamic height, is activated. Solution : When justify-center was removed, the height value was modified based on the content, and no components we..
Integer Signed 4 Bytes => export const testTable = pgTable("testTable", { qty: integer("qty") }) Signed 2 Bytes => export const testTable = pgTable("testTable", { qty: smallint("qty") }) Signed 8 Bytes => export const testTable = pgTable("testTable", { qty: bigint("qty", {mode: "number"}) // {mode: "number"} : 2^31 < number < 2^53 // {mode: "bigint"} : 2^63 < number < 2^63 }) serial serial / ser..
What are they? Imagine trading directly with someone holding a different cryptocurrency than yours, without worrying about counterparty risk or needing a trusted third party like an exchange. That's what atomic swaps allow you to do. They leverage "Hashed Timelock Contracts (HTLCs)," smart contracts on each blockchain that act as temporary vaults holding both parties' assets. How do they work? A..