์นดํ…Œ๊ณ ๋ฆฌ

๐ŸŽจย Reference

ย 

๐Ÿ“Œย Summary

ํ”„๋กœ์ ํŠธ <FE ์ฑ„์šฉ ๊ณผ์ œ๋กœ ๋ฐฐ์šฐ๋Š” ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ>๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์—์„œ ์ฃผ๊ด€ํ•˜๋Š” 2์ฃผ ๊ณผ์ • ๊ตญ๋น„๊ต์œก์ž…๋‹ˆ๋‹ค. ํ”„๋ ˆ์ž„์›Œํฌ ์‚ฌ์šฉ ์—†์ด ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์—ฌ๋Ÿฌ ๊ธฐ๋Šฅ๋“ค์„ ๊ตฌํ˜„ํ•ด์•ผ ํ•˜๋Š” ๊ต์œกํ˜• ๊ณผ์ œ๋กœ ๋˜์–ด์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆย Team

์ด 1๋ช…
  • ๊ฐœ์ธ
ย 

๐Ÿ–๐Ÿปย Part

  • ๊ธฐ๋Šฅ ๊ตฌํ˜„ ๊ฐœ๋ฐœ
    • Intersection Observer API ํ™œ์šฉํ•œ ๋ฌดํ•œ์Šคํฌ๋กค๋ง
    • ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€๋ฅผ ์ด์šฉํ•œ ๊ฒ€์ƒ‰ ํ‚ค์›Œ๋“œ ๊ด€๋ฆฌ
    • ๋กœ๋”ฉ ์ปดํฌ๋„ŒํŠธ ๊ฐœ๋ฐœ ๋ฐ ์ ์šฉ
    • ๋‹คํฌ๋ชจ๋“œ ์ ์šฉ

๐Ÿ’กย TMI

๐ŸŒย ๊ต์œก์„ ์ฐธ์—ฌํ•œ ์ด์œ 

  • ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•œ ๊ธฐ๋ณธ๊ธฐ๊ฐ€ ๋ถ€์กฑํ–ˆ๋‹ค๊ณ  ํŒ๋‹จ๋˜์–ด ๊ต์œก์— ์ฐธ์—ฌ
  • ์ง์ ‘ DOM์„ ์กฐ์ž‘ํ•˜์—ฌ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐฉ๋ฒ•๋ก ๊ณผ ํ”„๋ ˆ์ž„์›Œํฌ ์—†์ด Class ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•œ ์‹ฑ๊ธ€ํ†ค ํŒจํ„ด ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐฉ๋ฒ•๋ก ์„ ๋ฐฐ์›€

๐ŸŒย ํŠน์ด์‚ฌํ•ญ

  • ๊ฐ•์˜ํ˜• ๊ต์œก์ด์ง€๋งŒ, ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ์Šค์Šค๋กœ ํ•ด๋ณธ ํ›„์— ๊ฐ•์˜๋ฅผ ์ฐธ์กฐํ•˜๋Š” ํ˜•์‹์œผ๋กœ ๊ต์œก์— ์ฐธ์—ฌ
  • ๊ต์œก ๊ด€๊ณ„์ž๋ถ„์ด ๋ฐฐํฌ๋Š” ๊ฐ€๋Šฅํ•˜์ง€๋งŒ, ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ํผ๋ธ”๋ฆญ์œผ๋กœ ๊ณต๊ฐœํ•  ์ˆ˜ ์—†๋‹ค๊ณ  ํ•˜์…จ๊ธฐ ๋•Œ๋ฌธ์— ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๋ฅผ ๋น„๊ณต๊ฐœ๋กœ ํ•˜๊ณ  ์‹ถ์ง€ ์•Š์•„ ๋ฐฐํฌ ์ƒ๋žต
ย