header-img
Info :
#Notice
cover-img
๊ฐœ๋ฐœ์ž neon์˜ ๊ฐœ๋ฐœ ์ผ์ง€ ๐ŸŒ๐Ÿค

"์ƒˆ๋กœ์šด ์ผ์„ ์‹œ์ž‘ํ•˜๋Š” ์šฉ๊ธฐ ์†์— ๋‹น์‹ ์˜ ์ฒœ์žฌ์„ฑ๊ณผ ๋Šฅ๋ ฅ, ๊ทธ๋ฆฌ๊ณ  ๊ธฐ์ ์ด ๋ชจ๋‘ ์ˆจ์–ด์žˆ๋‹ค." - ๊ดดํ…Œ

Insta
#Latest Articles
์ฟผ๋ฆฌ ์‹คํ–‰ ๊ณ„ํš :: Memoize ์™€ Materialize
2025.08.07
๊ณต๋ถ€
โœ… 1. Memoize๋“ฑ์žฅ ๋ฒ„์ „: PostgreSQL 14 ์ด์ƒ์—ญํ• :Nested Loop Join์—์„œ ์ค‘๋ณต๋œ ํŒŒ๋ผ๋ฏธํ„ฐ ์Šค์บ” ๊ฒฐ๊ณผ๋ฅผ ์บ์‹ฑํ•˜์—ฌ ์„ฑ๋Šฅ์„ ๋†’์ด๋Š” ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค.์˜ˆ๋ฅผ ๋“ค์–ด, ๋‘ ํ…Œ์ด๋ธ”์„ Nested Loop๋กœ ์กฐ์ธํ•  ๋•Œ, ๋‚ด๋ถ€ ํ…Œ์ด๋ธ”์—์„œ ๊ฐ™์€ ์กฐ๊ฑด์œผ๋กœ ๋ฐ˜๋ณต ์กฐํšŒ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด, Memoize๊ฐ€ ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅํ•ด ์žฌ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.์ฆ‰, **โ€œ๊ฐ™์€ ์กฐ๊ฑด์œผ๋กœ ๋‹ค์‹œ ๊ฒ€์ƒ‰ํ•  ํ•„์š”๊ฐ€ ์—†๋„๋ก ์บ์‹œโ€**ํ•˜๋Š” ์—ญํ• .ํŠน์ง•:์บ์‹œ ํ‚ค: ์™ธ๋ถ€ ๋ฃจํ”„์—์„œ ์ „๋‹ฌ๋˜๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐ’์บ์‹œ ๋ชจ๋“œ: ๋…ผ๋ฆฌ์  ์บ์‹œ (ํ•„์š” ์‹œ ์˜ค๋ž˜๋œ ๊ฐ’์€ ์ œ๊ฑฐ)๊ธฐ๋ณธ์ ์œผ๋กœ enable_memoize๋Š” ON ์ƒํƒœEXPLAIN์—์„œ Memoize ๋…ธ๋“œ๋กœ ํ‘œ์‹œ๋จ์žฅ์ :LATERAL JOIN, ์ค‘๋ณต ํ‚ค๊ฐ€ ๋งŽ์€ ์กฐ์ธ์—์„œ ์ˆ˜์‹ญ~์ˆ˜์ฒœ ๋ฐฐ ์„ฑ๋Šฅ ํ–ฅ์ƒ ๊ฐ€๋ŠฅํŠนํžˆ JOIN LATERA..
์Šคํฌ๋žฉ:: ์ œ์ด์ฟผ๋ฆฌ๋ฅผ ์•„์ง๋„ ์‚ฌ์šฉํ•˜๋‚˜์š”? ์š”์ฆ˜์€ ์™œ jQuery๋ฅผ ์•ˆ์“ฐ๋Š”๊ฐ€์š”?
2025.08.02
FRONTEND
https://www.samsungsds.com/kr/insights/jquery.html ์ œ์ด์ฟผ๋ฆฌ(jQuery)๋ฅผ ์•„์ง๋„ ์‚ฌ์šฉํ•˜๋‚˜์š”? - ์ œ์ด์ฟผ๋ฆฌ์˜ ํ˜„์žฌ์™€ ๋ฏธ๋ž˜ | ์ธ์‚ฌ์ดํŠธ๋ฆฌํฌํŠธ | ์‚ผ์„ฑSDS์ œ์ด์ฟผ๋ฆฌ๋Š” ์›น์‚ฌ์ดํŠธ์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‰ฝ๊ฒŒ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์˜คํ”ˆ์†Œ์Šค ๊ธฐ๋ฐ˜์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. โ€œwrite less, do more ์ ๊ฒŒ ์ž‘์„ฑํ•˜๊ณ , ๋งŽ์€ ๊ฒƒ์„ ํ•˜์ž โ€๋ผ๋Š” ๋ชจํ† ๋กœ 2006www.samsungsds.comhttps://magnificent7.tistory.com/entry/why-not-use-jquery-reflow-repaint ์š”์ฆ˜์€ ์™œ jQuery ๋ฅผ ์•ˆ์“ฐ๋Š”๊ฐ€ ?jQuery ๋ฅผ ๋”์ด์ƒ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ด์œ ๋ฅผ ์•Œ๊ธฐ ์œ„ํ•ด์„ , ๊ทธ ๋‹น์‹œ jQuery๋ฅผ ์™œ ๋งŽ์ด ๋„์ž…ํ•˜๊ณ  ์‚ฌ์šฉํ–ˆ๋Š”์ง€๋ฅผ ..
backend :: Velocity ๋ฌธ๋ฒ•์€ ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜๋ฅผ ๋ฐœ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค.
2025.05.09
SpringBoot
๊ฐœ์š”ํ”„๋กœ์ ํŠธ์—์„œ ๋ญ”๊ฐ€... ๋ฉ”๋ชจ๋ฆฌ๊ฐ€ ์žก์•„๋จน๋Š”๋‹ค...DB ์ ‘์†ํ•œ๊ฒŒ ๋ฐ˜ํ™˜์ด ์•ˆ๋˜๋‚˜?ํ•˜๋ฉด์„œ ์ฐพ์•„๋ณด๊ฒŒ ๋จ.๊ฒฐ๋ก ์€ velocity ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜๋Š”๊ฒŒ ๋ฌธ์ œ๊ฐ€ ๋  ์ˆ˜๋„ ์žˆ๋‹ค.. ์ด๊ฒƒ์ €๊ฒƒ ์ฐพ์•„๋ณด๋‹ˆvelocity๋Š” ์˜ˆ์ „์— mybatis ์—์„œ ๋ฌธ๋ฒ•์„ ๋งŽ์ด ์ง€์›ํ•˜์ง€ ์•Š์„ ๋•Œ ์“ฐ๋˜ ๊ฑฐ๋ผ๊ณ  ํ•œ๋‹ค.์š”์ฆ˜์€ Mybatis ์— ๋ฌธ๋ฒ•์„ ์™ ๋งŒํผ ์ง€์›ํ•˜๋Š”๋ฐ๋‹ค ์„ฑ๋Šฅ๋„ ์ข‹์•„์„œ Mybatis ๋ฅผ ๋” ์„ ํ˜ธํ•œ๋‹ค๊ณ  ํ•จ. ๋‚ด์šฉ ์„ค๋ช…lang="velocity" ๋ฌธ๋ฒ•์˜ ๊ฒฝ์šฐ,Mybatis๊ฐ€ SQL์„ ์‹คํ–‰ํ•˜๊ธฐ ์ „์— Velocity ์—”์ง„์„ ํ†ตํ•ด ํ…œํ”Œ๋ฆฟ์„ ํŒŒ์‹ฑํ•˜๊ณ  ๋™์ ์œผ๋กœ SQL์„ ๊ตฌ์„ฑํ•œ๋‹ค. ๊ฐ SQL ์—์„œ $_parameter.xxx ํ˜•ํƒœ๋กœ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ Velocity ๋ฌธ๋ฒ•์œผ๋กœ ๋Œ€์ฒด >์ด๋•Œ, Velocity ํŒŒ์‹ฑ ์‹œ AST ํŠธ๋ฆฌ (ASTReference, A..
cover-img
React :: ๋นŒ๋“œ ํŒŒ์ผ ๋ถ„์„ ํˆด (๋ฒˆ๋“ค ์‚ฌ์ด์ฆˆ ์ตœ์ ํ™”)
2025.04.14
React
๋ฆฌ์•กํŠธ๋ฅผ ๋ฐฐํฌํ•˜๋ ค๋ฉด npm run build ๋ฅผ ํ•ด์•ผํ•˜๊ณ , ๊ทธ ๊ฒฐ๊ณผ๋กœ ๋‚˜์˜จ build ๋œ js ํŒŒ์ผ์ด ์ƒ์„ฑ๋˜๊ฒŒ ๋œ๋‹ค.๊ทผ๋ฐ... ์ด ๋ฒˆ๋“ค์ด๋ผ๊ณ  ํ•˜๋Š” js ํŒŒ์ผ์˜ ํฌ๊ธฐ๊ฐ€ ํฌ๋ฉด,SEO ์˜ ๋‹จ์ ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋Š” '์ฒซ ๋กœ๋”ฉ ์†๋„'๊ฐ€ ๋ถ€๊ฐ๋˜๋ฏ€๋กœ, ๋ฒˆ๋“ค ์‚ฌ์ด์ฆˆ ๊ด€๋ฆฌ๊ฐ€ ์ค‘์š”ํ•ด์ง€๊ฒŒ ๋จ. ์ข…์ข… ์ด ๋ฒˆ๋“ค ์‚ฌ์ด์ฆˆ๋ฅผ ๊ฒ€ํ† ํ•ด์ฃผ์–ด์•ผ ํ•˜๋Š”๋ฐ, ์ด๊ฒŒ ์–ผ๋งˆ๋‚˜ ํฐ์ง€ ๋˜ ์–ด๋””๋ฅผ ํ™•์ธํ•ด์•ผํ•˜๋Š”์ง€๋ฅผ ์–ด๋–ป๊ฒŒ ์•Œ ์ˆ˜ ์žˆ์„๊นŒ? ...ํ”ํžˆ ์•Œ๋ ค์ ธ ์žˆ๋Š” ๋นŒ๋“œ ํŒŒ์ผ ๋ถ„์„ ํˆด์ธ webpack-bundle-analyzer ๊ฐ€ ์žˆ๋‹ค. ์ง๊ด€์ ์ธ ์‹œ๊ฐ ์š”์†Œ๋ฅผ ์ œ๊ณตํ•ด์ฃผ์ง€๋งŒ.. ์ด๊ฑฐ๋Š” ๋˜ eject ๋ฅผ ํ•ด์•ผํ•˜๋Š” ์œ„ํ—˜์ด ์žˆ๊ณ ,ํ•œ ๋ฒˆ eject ๋ฅผ ํ•ด๋ฒ„๋ฆฌ๋ฉด ๋˜๋Œ๋ฆฌ๊ธฐ๊ฐ€ ์–ด๋ ค์›Œ์ง„๋‹ค. ์—ฌ๊ธฐ์„œ ์ž ๊น. Ejecteject ์˜ ์žฅ์ - CRA(Create-React-App) ์—์„œ ..