๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กjs pattern (1)

Dev Blog

Mediator Pattern

Mediator(์ค‘์žฌ์ž, ์กฐ์ •์ž) ํŒจํ„ด์€component ๊ฐ€ ์ค‘์•™ ์ง€์ ์ธ ์ค‘์žฌ์ž๋ฅผ ํ†ตํ•ด ์„œ๋กœ ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด,ํ•ญ๊ณต ๊ตํ†ต ๊ด€์ œ์‚ฌ๊ฐ€ ๋ชจ๋“  ๋น„ํ–‰๊ธฐ๊ฐ€ ๋‹ค๋ฅธ ๋น„ํ–‰๊ธฐ์— ์ถฉ๋Œํ•˜์ง€ ์•Š๊ณ ์•ˆ์ „ํ•˜๊ฒŒ ๋น„ํ–‰ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ๋ฐ›๋„๋ก ํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ๊ฐ์ฒด๊ฐ€ ๋‹ค๋ฅธ ๊ฐ์ฒด์™€ ์ง์ ‘ ํ†ต์‹ ํ•˜์—ฌ many to many ๊ด€๊ณ„๊ฐ€ ๋˜๋Š” ๋Œ€์‹ ,๊ฐ์ฒด์˜ ์š”์ฒญ์€ Mediator ๊ฐ€ ์ฒ˜๋ฆฌํ•˜๋Š”๋ฐ, Mediator ๋Š” ์ด ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜์—ฌ ํ•„์š”ํ•œ ๊ณณ์œผ๋กœ ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค. Before. Mediator ํŒจํ„ด ์ ์šฉ ์ „. After. Mediator ํŒจํ„ด ์ ์šฉ ํ›„. Chat room ์ด ์˜ˆ์‹œ ์ค‘ ํ•˜๋‚˜๋กœ,์ฑ„ํŒ…๋ฐฉ ๋‚ด์˜ ์‚ฌ์šฉ์ž๋“ค์€ ์„œ๋กœ ์ง์ ‘ ๋Œ€ํ™”ํ•˜์ง€ ์•Š๊ณ , ๋Œ€์‹ , Chat room ์ด ์‚ฌ์šฉ์ž๋“ค ์‚ฌ์ด์˜ ์ค‘์žฌ์ž ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ..

Development Notes/JS Patterns 2024. 12. 8. 09:37