일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- graphQL
- node.js
- Redux
- 기준
- solidity
- concept
- Interface
- API
- hardhat
- typeScript
- 삶
- HTML
- useState
- express.js
- Ethereum
- web
- evm
- bitcoin
- nextJS
- tailwindcss
- CLASS
- blockchain
- SSR
- CSS
- built in object
- middleware
- JavaScript
- Props
- error
- REACT
- Today
- Total
목록전체 글 (369)
ReasonJun
cookie In web development, a cookie is a small piece of data stored by a website in the user's web browser. Cookies are commonly used to store information that can be retrieved and used by the website or other websites that recognize the cookie. They are primarily used for session management, personalization, tracking, and maintaining user preferences. Here are some key points about cookies: Sto..
console // console //? .log(), .warn(), .error(), .dir() // -log : general message // -warn : warning message // -error : error message // -dir : Output an object whose properties can be viewed console.log(document.body); console.warn(document.body); console.error(document.body); console.dir(document.body); //? .count(), .countReset() // Prints or initializes the cumulative number of console met..
In JavaScript, a Symbol is a primitive data type introduced in ECMAScript 2015 (ES6). It is a unique and immutable value that can be used as an identifier for object properties. Symbols are often used as keys in objects to avoid naming conflicts and ensure uniqueness. const mySymbol = Symbol(); // create a Symbol using the Symbol() function const mySymbol = Symbol('My Symbol'); // Symbols can al..
In JavaScript, a Map is a built-in data structure that allows you to store key-value pairs, where both the keys and values can be of any type. It provides an efficient way to associate values with unique keys and perform operations such as insertion, retrieval, and deletion. const myMap = new Map(); // creating a new Map const myMap = new Map([ // initialize a Map ['key1', 'value1'], ['key2', 'v..
set In JavaScript, a Set is a built-in data structure that allows you to store unique values of any type. It provides a way to store a collection of values without any duplicates. The values in a Set can be of any type, including primitives like numbers and strings, as well as objects and other sets. const mySet = new Set(); // creating a new Set const mySet = new Set([1, 2, 3, 3, 4, 5, 5]); // ..
mouse pointer event // Mouse & Pointer Events // click // dbclick : double click // mousedown : press the button // mouseup : release the button // mouseenter : When the pointer goes over an element // mouseleave : when the pointer goes out of the element // mousemove : when the pointer moves // contextmenu : when right-clicked // wheel :When the wheel button rotates const parentEl = document.qu..
handler once / passive // Handler run only once const parentEl = document.querySelector('.parent'); parentEl.addEventListener( 'click', (event) => { console.log('parent'); }, { once: true, } ); // Separation of default behavior and handler execution // The execution itself may be slow because there are many actions on the webpage, but the user's manipulation of the webpage proceeds smoothly. par..
event obj // The event object contains event information that has occurred in the target. const parentEl = document.querySelector('.parent'); parentEl.addEventListener('click', (event) => { console.log(event.target, event.currentTarget); // The target of the (selected) event, the target where the event is registered console.log(event); // You can get information about an event that has occurred...
delegation // event delegation // If you need to handle events on multiple elements in a similar pattern, // You can use the event delegation pattern, controlled by a single ancestor element. const parentEl = document.querySelector('.parent'); const childEls = document.querySelectorAll('.child'); // Event registration for all targets! childEls.forEach((el) => { el.addEventListener('click', (even..
add / remove //? .addEventListener() // Registers to listen for events on the target. // When an event specified in the target occurs, the specified function is called. const parentEl = document.querySelector('.parent'); const childEl = document.querySelector('.child'); parentEl.addEventListener('cilck', () => { console.log('Parent'); }); childEl.addEventListener('cilck', () => { console.log('Ch..