๐Ÿ”ฅ TIL - Day 13

Kim Dae Hyunยท2021๋…„ 9์›” 27์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
15/93

๐Ÿ“Œ ํ˜‘์—… ํ”„๋กœ์ ํŠธ 4์ผ์ฐจ ๊ตฌํ˜„ ์ด์Šˆ

์˜ค๋Š˜ ๊ฐ€์žฅ ์• ๋จน์—ˆ๋˜ ๊ฒƒ์€ ํŽ˜์ด์ง• ๋ถ€๋ถ„์ด๋‹ค.

ํŒ€์›๋“ค๊ณผ ๊ฐ„๋‹จํ•œ ์ƒ์˜๋ฅผ ํ†ตํ•ด ๋ฒ•์•ˆ๋ชฉ๋ก ํŽ˜์ด์ง• ๋ฐฉ๋ฒ•์„ ์ •ํ–ˆ๋‹ค.

  • ์ผ๋ฐ˜์ ์ธ ํŽ˜์ด์ง€ ์ˆซ์ž๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ฐฉ๋ฒ•
  • ์ด์ „, ๋‹ค์Œ ๋ฒ„ํŠผ๋งŒ ์ œ๊ณตํ•˜๋Š” ๋ฐฉ๋ฒ•
  • ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ๋งŒ ์ œ๊ณตํ•˜๋Š” ๋ฐฉ๋ฒ•
  • ๋ฌดํ•œ์Šคํฌ๋กค

์„ฑ๋Šฅ์ƒ ์ด์Šˆ๋กœ ๊ฒฐ์ •ํ–ˆ๋‹ค๊ธฐ ๋ณด๋‹ค๋Š” ๊ทธ๋ƒฅ ๋ณด๊ธฐ ์ข‹๊ณ  ๊ตฌํ˜„ํ•˜๊ธฐ ์‰ฌ์šด ๋ฐฉํ–ฅ์œผ๋กœ ๊ฒฐ์ •ํ–ˆ๋‹ค. ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ์œผ๋กœ ๊ฒฐ์ •๋๊ณ  ๊ต‰์žฅํžˆ ๊ฐ„๋‹จํ•˜๊ฒŒ ํ•ด๊ฒฐ๋  ๊ฒƒ์œผ๋กœ ์ƒ๊ฐํ–ˆ๋‹ค...

ํ•˜ํ•˜

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์— ์‚ฌ์šฉํ•œ api๋Š” ํŽ˜์ด์ง•์„ ์œ„ํ•ด ๋‘ ๊ฐœ ๋ฐ์ดํ„ฐ๋ฅผ ์ œ๊ณตํ•œ๋‹ค.

์™œ ๊ทธ๋žฌ๋˜๊ฑด์ง€ ๋ชจ๋ฅด๊ฒ ๋Š”๋ฐ ๋‚˜๋Š” pIndex์— pSize๊ฐ€ ๋”ํ•ด์ง€๋ฉด ๋‹ค์Œ ํŽ˜์ด์ง€๋ผ๊ณ  ์ดํ•ดํ–ˆ๋‹ค. ์ผ๋ฐ˜์ ์ธ ํŽ˜์ด์ง• ์ฟผ๋ฆฌ์ธ offset๊ณผ limit์œผ๋กœ ์ƒ๊ฐํ–ˆ๋˜ ๊ฒƒ์ด๋‹ค.

์—ฌ๊ธฐ์„œ pIndex๋Š” ์ด๊ฒƒ ๊ทธ๋Œ€๋กœ๊ฐ€ ํ•œ ๊ฐœ ํŽ˜์ด์ง€๋ฅผ ์˜๋ฏธํ•œ๋‹ค. pIndex๊ฐ€ 1์ด๋ฉด 1ํŽ˜์ด์ง€, 2์ด๋ฉด 2ํŽ˜์ด์ง€ ์ธ ๊ฒƒ์ด๋‹ค. ์ฒ˜์Œ๋ถ€ํ„ฐ ์ด ์‚ฌ์‹ค์„ ์•Œ๊ณ  ์‹œ์ž‘ํ–ˆ๋‹ค๋ฉด ์‹œ๊ฐ„๋‚ญ๋น„๋Š” ์—†์—ˆ์„ ํ…๋ฐ...

ํŽ˜์ด์ง• ์ฃผ์š” ๋กœ์ง (10๊ฐœ์”ฉ)

if ((offset+1)*10 >= total_count) {
  g_readmore_button_show = false
}
offset+=1

offset=pIndex
total_count: api๋กœ ๋ถ€ํ„ฐ ๋ฐ›์€ ์ „์ฒด ์•„์ดํ…œ ์ˆ˜

์ด ์•„์ดํ…œ์ด 15๊ฐœ๋ผ๋ฉด ์ฒซ ๋ฒˆ์งธ ํŽ˜์ด์ง€๋Š” 10๊ฐœ ์•„์ดํ…œ์„ ๋ฟŒ๋ฆฌ๊ณ  ๋‘ ๋ฒˆ์งธ ํŽ˜์ด์ง€ (offset=2)์—์„œ๋Š” if๋ฌธ์— ๋“ค์–ด๊ฐ€์„œ flag ๋ณ€์ˆ˜๋กœ ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ์„ ๊ฐ์ถ˜๋‹ค. (is-hidden or remove)

๊ฒ€์ƒ‰ ์กฐ๊ฑด์„ ํ†ตํ•ด ๋ฐ›์€ ๊ฒฐ๊ณผ์— ๋Œ€ํ•œ ํŽ˜์ด์ง•์€ ์•„๋ž˜์™€ ๊ฐ™์ด ์ฒ˜๋ฆฌํ–ˆ๋‹ค.
์ „์—ญ๋ณ€์ˆ˜๋ฅผ ๋งŽ์ด ์‚ฌ์šฉํ•ด์„œ ์‚ด์ง ์•„์‰ฝ์ง€๋งŒ ๋ญ.. ์ž˜ ๋๋‹ค ใ…Ž

// ํ˜„์žฌ ๊ฒ€์ƒ‰์กฐ๊ฑด์ด ์˜์›์ด๋ฆ„์ธ ๊ฒฝ์šฐ ๋”๋ณด๊ธฐ ์ฒ˜๋ฆฌ
if (g_condition == "name")
  get_law_list_by_proposer_name(g_name)
// ํ˜„์žฌ ๊ฒ€์ƒ‰์กฐ๊ฑด์ด ๋ฒ•์•ˆ์ด๋ฆ„์ธ ๊ฒฝ์šฐ ๋”๋ณด๊ธฐ ์ฒ˜๋ฆฌ
else if (g_condition == "title") {
  get_law_list_by_title(g_title)
}
// ํ˜„์žฌ ๊ฒ€์ƒ‰์กฐ๊ฑด์ด ์—†๋Š” ๊ฒฝ์šฐ ๋”๋ณด๊ธฐ ์ฒ˜๋ฆฌ
else
  get_law_list()

๐Ÿ”Ž ๊ฒฐ ๊ณผ


ํผ์งํผ์งํ•œ ๊ธฐ๋Šฅ์„ ๊ฑฐ์˜ ๋‹ค ๊ตฌํ˜„๋˜์—ˆ๊ณ  ์ด์ œ ์™„์„ฑ๋„๋ฅผ ์œ„ํ•œ ์˜ˆ์™ธ์ฒ˜๋ฆฌ์™€ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์š•์‹ฌ์„ ๋ถ€๋ ค๋ณผ ์ฐจ๋ก€์ด๋‹ค. ํ•„์ˆ˜ ๊ธฐ๋Šฅ์€ ์™„๋ฃŒ ํ–ˆ์œผ๋‹ˆ ์ด์ œ ์กฐ๊ธˆ ๋” ์ฆ๊ฒ๊ฒŒ ํ”„๋กœ์ ํŠธ๋ฅผ ์ฆ๊ฒจ๋ณด์ž ใ…Žใ…Ž

profile
์ข€ ๋” ์ฒœ์ฒœํžˆ ๊นŒ๋จน๊ธฐ ์œ„ํ•ด ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค. ๐Ÿง

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