pagination(paging)๐Ÿ™Œ

jinahยท2021๋…„ 4์›” 22์ผ
0

Pagination(Paging)์ด๋ž€?
๋ฐฑ์—”๋“œ์—์„œ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ํ•œ ํ™”๋ฉด์— ์ „๋ถ€ ๋ณด์—ฌ์ค„ ์ˆ˜ ์—†๋Š” ๊ฒฝ์šฐ์— ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ ์ผ์ • ๊ธธ์ด๋กœ ๋Š์–ด์„œ ์ „๋‹ฌํ•œ๋‹ค.
ex) ํ”ํžˆ ์ธ์Šคํƒ€์— ํ”ผ๋“œ๋ฅผ ๋‚ด๋ฆฌ๋‹ค๋ณด๋ฉด ๋ณด์ด๋Š” ๋กœ๋”ฉ์ด ์ด๋Ÿฌํ•œ ๊ฒฝ์šฐ์ด๋‹ค.

๋ฐฑ์—”๋“œ์™€ ๋ฏธ๋ฆฌ ์ •ํ•ด์•ผํ•˜๋Š” Limit๊ณผ Offset๐Ÿ’

์ถœ์ฒ˜: ์œ„์ฝ”๋“œ ์ˆ˜์—…


limit = ํ•œ ํŽ˜์ด์ง€์— ๋ณด์—ฌ์ค„ ๋ฐ์ดํ„ฐ
offset = ๋ฐ์ดํ„ฐ๊ฐ€ ์‹œ์ž‘ํ•˜๋Š” ์œ„์น˜

ํ”„๋ก ํŠธ์—”๋“œ์—์„œ offset์€ ๋ณ€ํ•˜๋Š” ๊ฐ’์ด๊ณ  limit์€ ์ƒ์ˆ˜๋กœ ์ •ํ•ด์„œ,
ex) const limit = 10์„ ์ •ํ•ด์ฃผ๊ณ  offset์€ ํด๋ฆญํ• ๋•Œ๋งˆ๋‹ค ์ƒˆ๋กœ์šด offset์œผ๋กœ ์—…๋ฐ์ดํŠธ ์‹œ์ผœ์ฃผ๋ฉด ๋œ๋‹ค!

Pagination์€ ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ ์–‘์ชฝ์—์„œ ๋ชจ๋‘ ์•Œ์•„์•ผ ํ•œ๋‹ค.
์™œ๋ƒํ•˜๋ฉด ์œ„์™€ ๊ฐ™์ด ๋ฐ์ดํ„ฐ๋ฅผ ์–ผ๋งˆ๋‚˜ ์ž๋ฅผ์ง€ ์–ผ๋งˆ๋‚˜ ๋ณด์—ฌ์ค„์ง€๋ฅผ ์„œ๋กœ ์ƒ์˜ํ•ด์•ผํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

์œ„์ฝ”๋“œ 1์ฐจ ํ”„๋กœ์ ํŠธ ๊ธฐ๋Šฅ๊ตฌํ˜„ ์ค‘ ๊ฐ€์žฅ ์ธ์ƒ ๊นŠ์—ˆ๋˜ ๊ธฐ๋Šฅ์€ ์—ญ์‹œ ํŽ˜์ด์ง€๋„ค์ด์…˜์ด์˜€๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ์ฟผ๋ฆฌ ์ŠคํŠธ๋ง์„ ์ด์šฉํ•˜๊ณ  limit๊ณผ offset์— ๋Œ€ํ•œ ๊ฐœ๋…์ด ์—†์—ˆ์„ ์ฒซ ํ”„๋กœ์ ํŠธ์— ๋‹น์—ฐํžˆ๋„ ์ด๋ฅผ ๋ฏธ๋ฆฌ ์ •ํ•˜์ง€ ์•Š์•„์„œ ์ฒ˜์Œ์—” ๋‹นํ™ฉํ–ˆ์ง€๋งŒ.. ์—ญ์‹œ ๋ฐฉ๋ฒ•์€ ์žˆ์—ˆ๊ธฐ์— ํŽ˜์ด์ง€ ๋„ค์ด์…˜์œผ๋กœ ์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ž˜๋ผ์„œ ๋ฐ›์„ ์ˆ˜ ์žˆ์—ˆ๋‹ค!๐Ÿ’ช

profile
์•ˆ๋…•ํ•˜์„ธ์š”:)

0๊ฐœ์˜ ๋Œ“๊ธ€