@todo
์น์ฌ์ดํธ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ ์ฝ๊ฒ ์ฌ์ฉํ ์ ์๊ฒ ํด์ฃผ๋ ๊ฒฝ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ$()$().fadeIn();$().fadeOut();$().animate();function(){}์คํ์ด ์ข ๋ฃ๋ ์ดํ์ ์คํํ๋ ํจ์ ์ ์
๋ธ๋ก์ฒด์ธ์ ๊ฐ๋ ์ ๋ํด ์์๋ณด์๋ค.
JavaScript์ ๋ํด์ ์์๋ณด์๋ค
๋ธ๋ก์ฒด์ธ ๊ตฌ์กฐ์ ๋ํด ์์๋ณด์๋ค
JavaScript ๋ณ์์ HTML/CSS ์ค์ต์ ํ์ํ ํ์ ๋ฐฐ์ ๋ค
๋ธ๋ก์ฒด์ธ์ ๋ธ๋ก ์์ฑ ๊ณผ์ ์ ๋ํด ์์๋ณด์๋ค.
์๋ฐ์คํฌ๋ฆฝํธ ์ฐ์ฐ์๋ฅผ ๋ณต์ตํ๊ณ , CSS/HTML ๊ธฐ๋ฒ์ ์์๋ณด์๋ค.
๋ธ๋ก์ฒด์ธ์ ๊ธฐ์ด์ํธํ์ ๋ํด ์์๋ณด์๋ค.
JavaScript ์กฐ๊ฑด๋ฌธ๊ณผ ๋ฐ๋ณต๋ฌธ์ ๋ํด ์์๋ณด์๋ค
๋ธ๋กํด์ ์ ์ํ๋ ๋ฐฉ๋ฒ์ ์ค์ตํด๋ณด์๋ค
JavaScript์ ๊ฝ, ํจ์์ ๋ํด ์์๋ณด์๋ค
๋์นญํค ์ค์ต ๋น๋์นญํค ์ค์ต ํค์ ์ฃผ์ ๊ฐ์ ํค ํค๋ฅผ ๊ด๋ฆฌํ๋ ์ํํธ์จ์ด ๊ฐ์ธํค(Private)์ ๊ณต๊ฐํค(Public)๊ฐ ์์ ์ด๋ฃฌ๋ค ๊ฐ์ธํค๋ ์ซ์ ๊ณต๊ฐํค๋ ์ขํ ํค๋ฅผ ์์ด๋ฒ๋ฆฌ๋ฉด ๋ณต๊ตฌํ ๋ฐฉ๋ฒ์ ์๋ค ์์ฐ์ ์์ฅ์ ์ ์ฅ๋๋ค ๊ณต๊ฐํค ํจ์ ์์ ์๋ ํ ์ ์ด ๊ณต๊ฐ
let, var, const์ ์ฐจ์ด์ ์ ๋ํด ์์๋ณด์๋ค
๋ณต์ต ๊ณต๊ฐํค ์์ K ์ขํ k ์ซ์ G ์ขํ 02 y์ขํ๋ง(์์ ํน์ ์์) 03 y์ขํ๋ง(์์ ํน์ ์์) 04 x์ขํ,y์ขํ > ๋ณต์ต ์ง๊ฐ ํค๋ฅผ ๊ด๋ฆฌํ๋ ๊ฒ - ๋์ ์๋ค, ๋์ ์์ฅ์! ์ ๋๋ก ๊ฐ์ธํค๋ฅผ ๊ณต๊ฐํ๋ฉด ์๋๋ค! ๋นํธ์ฝ์ธ ์ฃผ์ ์ฃผ์๋ฅผ ์์ฑํ ๋ ๊ณต๊ฐํค๊ฐ ํ์ํ๋ค Public Key Hash - 160๋นํธ/20๋ฐ์ดํธ Base 58 vs 64 ...
strict mode ๋ฐ eval ์ ๋ํด ์์๋ณด์๋ค
์ด์งํธ๋ฆฌ ๋ ธ๋๋ ๊ฐ์ ์ง๋ ์ ์๊ณ ์์ฒด๋ก ์กด์ฌํ ์ ์์ ์์์ด ๋ฌด์กฐ๊ฑด 2๋ช ์ธ ํธ๋ฆฌ ๋ชจ๋ ๋จ๊ณ์์ ํญ์ ์ง์๊ฐ ๋์์ผํ๋ค > ์) ๊ฐ์ฅ ๊ฐ๊น์ด 2^n ์ ์ฐพ์์ผํ๋ค ์์ ๋ ธ๋๊ฐ 5๊ฐ์ธ ๊ฒฝ์ฐ ๋ช ๊ฐ์ ๋ ธ๋๊ฐ ํ์ํ๊ฐ? 8๊ฐ ํ์์ธ ๊ฒฝ์ฐ ์๊ธฐ ์์ ์ ๋ณต์ ํ์ฌ, ์๊ธฐ
callback
์คํฌ๋ฆฝํ ์ธ์ด์ ๋ํด ์์๋ณด์๋ค
์ค์ต
๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์์ ๋ ธ๋ ๊ฐ ํต์ ์ ๋ํด ์์๋ณด์๋ค
HTML/CSS
JS loading="lazy" fetch axios `` ์์ ๋๋ค axios.get html vs text html์๋ ํ๊ทธ๊น์ง ๋ค์ด๊ฐ ์ ์๋ค text๋ ๋ฌธ์์ด๋ง React single page vs multi page html ํ์ด์ง๊ฐ ํ๋ vs ํ์ด์ง๊ฐ ์ฌ๋ฌ ๊ฐ ์ฑ๊ธ ํ์ด์ง๋ Javascript๋ก ์ฌ๋ฌ ํ์ด์ง๋ฅผ ํ๋๋ก ๊ตฌํํ๋ ๊ฒ ํ ํ...
React ๋ฐ Tailwindcss์ ๋ํด ์์๋ณด์๋ค
react
UseEffect
React
React Router Dom์ ๋ํด ์์๋ณด์๋ค
React๋ ํ์ด์ง๋ฅผ ์๋ก๊ณ ์นจํ ๋ ๋ฐ์ดํฐ๊ฐ ๋ ๋ผ๊ฐ๋ค.
chat-gpt๋ฅผ ์ด์ฉํด ์ค์ตํ๋ ์๊ฐ์ ๊ฐ์ก๋ค
React, tailwindcss, JavaScript ์ ๋ถ ์กฐ๊ธ์ฉ ๋ฐฐ์ ๋ค
useEffect ์ด๋ ต๋ค
React ํด๋ก ์ฝ๋ฉ์ ํตํด CSS๋ฅผ ์ตํ๋ค
๋น๋๊ธฐ ScrollEvent๋ ๋ฆฌ์กํธ ๋ฒ์ฃผ ๋ฐ์ App์ clearํด์ฃผ์ง ์์ผ๋ฉด ScrollEvent๊ฐ ๊ณ์ํด์ ์ฒ๋ฆฌ๋๋ค clear ์ด๋ฒคํธ ์ง์์ค window.scrollY fade duration
useEffect, useState, useRef ์ด๋ ต๋ค
useContext๊ฐ ์ ํ์ํ๊ฐ
Redux
Redux ๊ฐ ํ์ํ ์ด์ ?
Google Text-to-Speech
Jest
TDD fireEvent ์ฝ๋๋ฅผ ์คํ์ํจ๋ค ์๋ ์์์์๋ change๋ฅผ ์คํํ๋ค ์ ๋ ฅ๊ฐ์ ๋ช ์ํด์ค์ผ ํ๋ค fn ํจ์ ์ญํ ์ ํ๋ค ํจ์๋ฅผ ํ๋กญ์ค๋ก ๋๊ฒจ์ค๋ค ์ค๋ณต๋ ์ฝ๋ ๋ฆฌํฉํ ๋งํ๊ธฐ
ERC20 ์ค๋งํธ ์ปจํธ๋ํธ๋ฅผ ๋ฐํํด๋ณด์
๋ฐํํ ํ ํฐ์ ๋ณด์ฌ์ค ํ๋ก ํธ์๋๋ฅผ ๊ฐ๋ฐํด๋ณด์
ERC-721 ํ์ค์ ์ฌ์ฉํด NFT๋ฅผ ๋ฐํํด๋ณด์
hashlips
remix
ERC 1155
React Outlet Outlet์ ๋ถ๋ชจ Route ์ปดํฌ๋ํธ์์ ์ฌ์ฉ๋์ด ์์ Route ์ปดํฌ๋ํธ๋ฅผ ๋ ๋๋งํ๋ค. ์ด๋ฅผ ํตํด ์์ Route๊ฐ ๋ ๋๋ง๋ ๋ UI๊ฐ ์ค์ฒฉ๋์ด ํ์๋๋ค. Functional Component generic์ ํ์ ์ ์ฃผ์ ์ํจ๋ค -> props๋ก ์ฌ์ฉํ๋ค interface๋ก ์ ์ํ ํ์ ์ ์ฌ์ฉํ ์ ์๋ค PFP-Project...
// @ts-expect-error temp.push(...response.data, tokenId: Number(tokenId)); tokenId๋ bigint ํ์ ์ด๊ธฐ ๋๋ฌธ์ Number๋ก ์ ์๋ก ๋ณ๊ฒฝํด์ค์ผํ๋ค ๊ธฐ์กด์๋ tokenId ๊ทธ๋๋ก ์ฌ์ฉํ์ผ๋, Number๋ก ๋ณ๊ฒฝํด์ค์ผํ๊ธฐ ๋๋ฌธ์ ์๋ตํ๋ ๋ฌธ๋ฒ์ผ๋ก ์์ฑํ ์ ์๊ณ ์ ์๋๋ก ์์ฑํด์ค์ผํ๋ค to...
solidity๋ก ํ๋งค ์ค๋งํธ์ปจํธ๋ํธ๋ฅผ ๋ง๋ค์ด๋ณด์
Solidity
Solidity
๋ ผ๋ฌธ์์ Introduction์ ์ด๋ค ๋ฌธ์ ์ ์ ์ง์ ํ๊ณ ์๋์ง, ๋ฌด์์ ํ๊ณ ์ถ์์ง ์์ฝํด์ค๋ค > ๋ฌธ์ ์ : double-spending P2P ๋คํธ์ํฌ๊ฐ ๊ฑฐ๋์ timestamp๋ฅผ ์ฐ๋๋ค ํด์ ๊ธฐ๋ฐ์ ์์ ์ฆ๋ช ์ ์๊ตฌํ์ฌ ๊ธฐ๋ก์ ์์ฑํ๋ค ๊ฐ์ฅ ๊ธด ์ฒด์ธ์ด ์ณ์ ์ฒด์ธ์ด๋ฉฐ, ์ด๋ฒคํธ(๊ฑฐ๋)์ ์ํ์ค๋ฅผ ์ฆ๋ช ํ๋ค.
Solidity ์ง์ญ๋ณ์๋ ์ผ๋ถ ๋ณ์ ์ ์ธ๊ณผ ํจ์๊ฐ ๋ค๋ฅด๊ฒ ์ ์ฉ๋๋ค. push()๊ฐ ๋์ํ์ง ์๋๋ค. ๊ฐ์ ๊ธฐ๋ฅ์ ํ๋ ค๋ฉด ๋ค๋ฅด๊ฒ ์ ์ฉํด์ค์ผํ๋ค. ๋ก์ปฌ๋ณ์๋ ์ธ๋ค๊ณ ์๊ฐํด์ฃผ๋ฉด ๋๋ค. ๋ฐ๋ผ์ ๋ณ์์ ๊ธธ์ด๋ฅผ ๋ณ๊ฒฝํด์ฃผ๋ ๊ฐ๋น์ผ ๋์์ ํ์ฉ๋์ง ์๋๋ค. ๊ฐ์ธ๋ค - ํ๋ฐ์ฑ, ๋ช ํํ๊ฒ ํฌ๊ธฐ๋ฅผ ์ ํด์ค์ผํ๊ณ , ๋์์ด ๋๋๋ฉด ๋ ๋ผ๊ฐ๋ค. > ์ํ๋ณ์ : ์ง์ญ๋ณ์ = ๋น...
EVM
Solidity ๋ณ์์ ์ข ๋ฅ ์ํ๋ณ์ - ํ๋๋ฒ์: ์ปจํธ๋ํธ ์ง์ญ๋ณ์ - ํ๋๋ฒ์: ํจ์๋จ์ ๋ณ์ญ๋ณ์? msg - ํ๋๋ฒ์: ์ฒด์ธ๋จ์ ์ด๋ ERC20์ ์๊ณ ๋ ์ ์ญ๋ณ์ ํน์ ERC20์ ์๊ณ ๋ ์ํ๋ณ์ payable ํ ํฐ ์ ์ก์ ํ๋ ค๋ฉด payable ํค์๋๋ก ์ํ๋ณ์๋ฅผ ์ ์ธํ๋ค payable ํจ์๋ remix UI์์ ๋นจ๊ฐ์ ์์ด์ฝ์ผ๋ก ํ์๋๋ค > t...
Solidity modifier 2๊ฐ ์ด์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ, ์์๋ฅผ ๊ณ ๋ คํด์ ์ ์ฉํ์ mutex re-entrance attack ๋ฐฉ์งํ ๋ ์ฌ์ฉํ๋ ๋ฉ์ปค๋์ฆ ์ ์ญ๋ณ์ unix string์ด ํน๋ณํ ํํ์ bytes๋ค 0x0000000000000000 map
์ ๋์ฑ์ด ๋ฌธ์ ์ ํ ๋๋ฆผ ์ธ์ผํฐ๋ธ ์ ๊ณต A, B๋ฅผ ๋๋ฆฌ๊ณ LP ํ ํฐ์ ์ง๊ธํ๋ค -> ๋ฆฌํด๋ ํ์ A,B๋ฅผ ๋๋ ธ๋ค๋ ์ฆํ์ฒ๋ผ ์ฌ์ฉ๋๋ค LP ํ ํฐ ๋น์จ์ ๋ง๊ฒ ์ง๋ถ๋งํผ์ ์์๋ฃ๋ ์ธ์ผํฐ๋ธ๋ฅผ ์ฑ๊ฒจ๊ฐ๋ค๋ ์๋ฏธ์ LP ํ ํฐ๋ ๊ฐ๊ฒฉ์ ๊ฐ์ง ์ ์์๊น? -> ๊ฐ์ง ์ ์๋ค defi - ์ด๋๋ ๋นํธ๊ฐ์ด ์๋์ ์ผ๋ก ์์ ์ ์ธ ๊ฒ ์ํธํํ ์ธ์์์ ์ ์ฉ๊ฑฐ๋๊ฐ ์์ ...
Solidity ์์ ๊ธฐ๋ฅ๋ค๋ง ๋ฌผ๋ ค์ฃผ๋ ๊ฒ์ด์ง ์ ๋ด์ฉ๊น์ง ๋ฌผ๋ ค์ฃผ๋ ๊ฒ์ด ์๋๋ค. ๊ธฐ๋ฅ ์ ๊ณต์ฉ์ผ๋ก๋ง ์ฌ์ฉ๋๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค. -> ์์ ๋ฐ์ ๊ฒ์ ์์ํด์ฃผ๋ ๊ฒ์ ๋ฐ๊ฟ ์ ์๋ค! IS ๋ค์ ๋ง์ง๋ง์ผ๋ก ์ ์ธ๋ ์ปจํธ๋ํธ๊ฐ ๋ชจ๋ ๊ฒ์ ์ค๋ฒ๋ผ์ด๋ํ๋ค. virtual ํจ์ ์ด๋ฆ์ด ์ค๋ณต๋ ๊ฒฝ์ฐ override(//์ค๋ฒ๋ผ์ด๋ํ ํจ์๋ฅผ ์ ๋๋ค) Super ์์ ์๋...
์ด๋๋ฆฌ์ ๋ธ๋ก์ ํ์ฉํ ์ฌ๋ก ์ด๋๋ฆฌ์์ ํตํ ๋ฉ์์ง IDM https://etherscan.io/idm IDM์ ํตํด ์ด๋ฏธ์ง ๊ณต์ https://etherscan.io/tx/0x835cd8d00625585a9bf1368181072e49d0f03191f9b1570b78c16ac37d434322 https://base64.guru/converter/de...
๋จธํดํธ๋ฆฌ ํจํธ๋ฆฌ์์ ๋จธํด ํธ๋ผ์ด State Storage Transactions - ๋ค๋ฅธ ํธ๋ผ์ด์๊ฒ ์ ๊ณตํด์ฃผ๊ธฐ ๋๋ฌธ์ ํด์ ํค๋์ ํฌํจ๋์ง ์๋๋ค (๋ค๋ฅธ ํธ๋ผ์ด์ ์๋ธ ์ญํ ) Receipts ์ด๋๋ฆฌ์๊ณผ ๋นํธ์ฝ์ธ์ ๋น๊ต ์ด๋๋ฆฌ์์ ๋ธ๋กํค๋
Do you need a Blockchain?writer ์ฑ๊ตด์reader ๋ธ๋ก์ฒด์ธ์ ์ฝ๊ฑฐ๋ ๋ถ์ํ๋ ์ฌ๋๋ค (ex. cryptoquant)permissionless blockchain - ์ฝ๊ฒ ๋ค์ด์ค๊ณ ๋ ๋ ์ ์๋ ์ฒด์ธpermissioned blockchain -
visibility ๋ ๊ฐ์์ฑ์ด ์๋ ์ ๊ทผ์ฑ ์ ์ด์. ๋ชจ๋ ์ ๋ณด๋ getStorage๋ฅผ ํตํด ํ์ธํ ์ ์์.๋์ ์ฐ๋ ํจ์์ ์ ์ฐ๋ ํจ์๋ก ๋๋๋ค๋ฉ์์ง ํธ๋ผ์ด์คํ ๋ฆฌ์ง ํธ๋ผ์ด โ slot๊ทธ๋ฆฌ๊ณ ํ๋ ๋ ์๋๋ฐโฆํ ๋ ธ๋์ ์์กดํ๊ณ ์์๋ค.ํ๋ํฌํฌ - ์ํ๊ณ์์ ๊ณํ์ ์ผ
์ด 4๊ฐ์ ํธ๋ผ์ด๊ฐ ์กด์ฌํ๋คํค๋์ ๋ค์ด์๋ 3๊ฐ์ง ํธ๋ผ์ด์ ๋ค์ด๊ฐ๋ 1๊ฐ์ง ํธ๋ผ์ด: storage trie (ํน์ ์ปจํธ๋ํธ์ ๋ํ ์ํ ๋ณ์๋ฅผ ์๊ณ ์ถ๋ค๋ฉด 4๊ฐ ํธ๋ผ์ด ์ค์ storage trie๋ฅผ ์ฐธ๊ณ ํ๋ฉด ๋๋ค)์ด๋๊ฐ ์ ์ฅ๋์ด ์๋ ๊ณณ์ state triebalanc