์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- mixin pattern
- middleware pattern
- ์ฌ๋ฆผํฝ ํต๊ณ ์๋น์ค ์ต์ ํ
- ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ
- ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ๊ณผ์
- version management
- ์ปค๋ฆฌ์ด
- ํ๋ก ํธ์๋ ์ฑ๋ฅ ์ต์ ํ ๊ฐ์ด๋
- ์ด๋ฏธ์ง ๊ฐค๋ฌ๋ฆฌ ์ต์ ํ
- js pattern
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive
- Babel๊ณผ Webpack
- const
- pr review
- ์ ๋๋ ์ดํฐ์ async/await
- ์ด๋ฒคํธ
- ์๋ฐ์คํฌ๋ฆฝํธ ํจํด
- package management
- ๋ฅ๋ค์ด๋ธ
- ๋ธ๋ก๊ทธ ์๋น์ค ์ต์ ํ
- unique identifiers
- ์ ์ฝ๋ ๋ฐ์์ค๊ธฐ
- ์งํ๊ธฐ๋ก
- js pattern
- ํ๋ก๊ทธ๋๋จธ์ค
- DOM
- ํ์ต๋ด์ฉ์ ๋ฆฌ
- ์ค์ฝํ
- peerdependencies
- ์๋ฐ์คํฌ๋ฆฝํธ
- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (453)
Dev Blog

Unique Identifiers: Overview, Pros, Cons, and Best PracticesUnique identifiers are crucial for ensuring uniqueness, reducing collision probability, and enabling easy tracking in various systems. Below is a summary of common identifier types:1. UID (Unique Identifier)Description: General term for any unique identifier, often implemented as an incremental integer, hash, or other ID type.Common Use..

์๋ฌ(Error)์ ๋ฒ๊ทธ(Bug)๋ ์ํํธ์จ์ด ๊ฐ๋ฐ์์ ์์ฃผ ํผ์ฉ๋์ง๋ง, ์๋ฏธ์ ๋งฅ๋ฝ์์ ์ฐจ์ด๊ฐ ์์ต๋๋ค.์๋์์ ๋ ๊ฐ๋ ์ ๋น๊ตํฉ๋๋ค.1. ์๋ฌ (Error)์ ์: ์ํํธ์จ์ด๊ฐ ์คํ ์ค ์์์น ๋ชปํ ๋์์ ์ํํ๊ฑฐ๋ ์คํจํ ๋ ๋ฐ์ํ๋ ๋ฌธ์ .๋ฐ์ ์์ธ: ์ฃผ๋ก ๋ฐํ์(Runtime) ๋๋ ์ปดํ์ผ ๋จ๊ณ์์ ์ฝ๋๋ ์์คํ ์ด ์๋ํ ๋๋ก ์๋ํ์ง ์์ ๋ ๋ฐ์.์ ํ:์ปดํ์ผ ์๋ฌ: ๋ฌธ๋ฒ ์ค๋ฅ๋ ์๋ชป๋ ์ฝ๋ ์์ฑ์ผ๋ก ์ธํด ํ๋ก๊ทธ๋จ์ด ์ปดํ์ผ๋์ง ์๋ ๊ฒฝ์ฐ.์: int x = "text"; (๋ฐ์ดํฐ ํ์ ๋ถ์ผ์น)๋ฐํ์ ์๋ฌ: ์คํ ์ค์ ๋ฐ์ํ๋ ๋ฌธ์ ๋ก, ํ๋ก๊ทธ๋จ์ด ๋ฉ์ถ๊ฑฐ๋ ๋น์ ์์ ์ผ๋ก ์ข ๋ฃ๋จ.์: 0์ผ๋ก ๋๋๊ธฐ, NullPointerException, ๋ฉ๋ชจ๋ฆฌ ๋ถ์กฑ ๋ฑ.๋ ผ๋ฆฌ์ ์๋ฌ: ์คํ์๋ ๋ฌธ์ ๊ฐ ์์ผ๋, ๊ฒฐ๊ณผ๊ฐ ์..

With the observer pattern,we can subscribe certain objects, the observers, to another object, called the observable. Whenever an event occurs, the observable notifies all its observers! observers: an array of observers that will get notified whenever a specific event occursAn observable object usually contains 3 important parts: subscribe(): a method in order to add observers to the observers li..
The module pattern allows you to split up your code into smaller, reusable pieces.modules allow you to keep certain values within your file private. Declarations within a module are scoped (encapsulated) to that module , by default.// export exampleexport function add(x, y) { return x + y;}export function multiply(x) { return x * 2;}export function subtract(x, y) { return x - y;}export functi..
An object used to Add reusable functionality to another object or class, without using inheritance.Simply, adding functionalities to the target prototype!We can add the dogFunctionality mixin to the Dog prototype with the Object.assign method. We can add animalFunctionality to the dogFunctionality prototype, using Object.assign. In this case, the target object is dogFunctionality.class Dog { co..

์ค์ ๋ก ์์ฒญ๊ณผ ์๋ต ์ฌ์ด์ ์์นํ๋ ๋ฏธ๋ค์จ์ด ๊ธฐ๋ฅ ์ฒด์ธ์ผ๋ก,ํ๋ ์ด์์ ๋ฏธ๋ค์จ์ด ํจ์๋ฅผ ํตํด ์์ฒญ ๊ฐ์ฒด๋ถํฐ ์๋ต๊น์ง ์ถ์ ํ๊ณ ์์ ํ ์ ์์ต๋๋ค. const app = require("express")(); const html = require("./data"); app.use( "/", (req, res, next) => { req.headers["test-header"] = 1234; next(); }, (req, res, next) => { console.log(`Request has test header: ${!!req.headers["test-header"]}`); next(); } ); app.get("/", (req, re..

Mediator(์ค์ฌ์, ์กฐ์ ์) ํจํด์component ๊ฐ ์ค์ ์ง์ ์ธ ์ค์ฌ์๋ฅผ ํตํด ์๋ก ์ํธ ์์ฉํ ์ ์๋๋ก ํฉ๋๋ค. ์๋ฅผ ๋ค์ด,ํญ๊ณต ๊ตํต ๊ด์ ์ฌ๊ฐ ๋ชจ๋ ๋นํ๊ธฐ๊ฐ ๋ค๋ฅธ ๋นํ๊ธฐ์ ์ถฉ๋ํ์ง ์๊ณ ์์ ํ๊ฒ ๋นํํ๋ ๋ฐ ํ์ํ ์ ๋ณด๋ฅผ ๋ฐ๋๋ก ํ๋ ๊ฒ๊ณผ ๊ฐ์ ์ญํ ์ ํฉ๋๋ค. ๋ชจ๋ ๊ฐ์ฒด๊ฐ ๋ค๋ฅธ ๊ฐ์ฒด์ ์ง์ ํต์ ํ์ฌ many to many ๊ด๊ณ๊ฐ ๋๋ ๋์ ,๊ฐ์ฒด์ ์์ฒญ์ Mediator ๊ฐ ์ฒ๋ฆฌํ๋๋ฐ, Mediator ๋ ์ด ์์ฒญ์ ์ฒ๋ฆฌํ์ฌ ํ์ํ ๊ณณ์ผ๋ก ์ ๋ฌํฉ๋๋ค. Before. Mediator ํจํด ์ ์ฉ ์ . After. Mediator ํจํด ์ ์ฉ ํ. Chat room ์ด ์์ ์ค ํ๋๋ก,์ฑํ ๋ฐฉ ๋ด์ ์ฌ์ฉ์๋ค์ ์๋ก ์ง์ ๋ํํ์ง ์๊ณ , ๋์ , Chat room ์ด ์ฌ์ฉ์๋ค ์ฌ์ด์ ์ค์ฌ์ ์ญํ ์ ํฉ๋๋ค. ..

Flyweight ํจํด์ ๋น์ทํ ๊ฐ์ฒด๋ฅผ ๋๋์ผ๋ก ์์ฑํ ๋ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ๋ณด์กดํ๋ ๋ฐ ์ ์ฉํ ๋ฐฉ๋ฒ์ ๋๋ค. class Book { constructor(title, author, isbn) { this.title = title; this.author = author; this.isbn = isbn; }}const books = new Map(); // ์ค๋ณต๋ ์ฑ ์ ์ ์ธ๋จconst bookList = []; // ์ค๋ณต๋ ์ฑ ํฌํจ - ์ฆ, ๋ณต์ฌ๋ณธ์ด ์์.const addBook = (title, author, isbn, availability, sales) => { const book = { ...createBook(title, author, isbn), sales, avail..