๋ก๊ทธ์ธํ์ง ์์ผ์ จ์ต๋๋ค. ๋ก๊ทธ์ธ ํ ๋ ๋์ ๊ฒฝํ์ ๋๋ ค๋ณด์ธ์.
๋ก๊ทธ์ธํ์ง ์์ผ์ จ์ต๋๋ค. ๋ก๊ทธ์ธ ํ ๋ ๋์ ๊ฒฝํ์ ๋๋ ค๋ณด์ธ์.
fullPage.js๋ ๊ฐ๋ณ๊ณ ์์กด์ฑ์ด ์๋ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก, ์์ง/์ํ ์คํฌ๋กค, ์ฌ์ฉ์ ์ ์ ์๋, ์ต์ปค ๋ค๋น๊ฒ์ด์ , ๋ ์ด์ง ๋ก๋ฉ ๋ฐ ํ๋ถํ API๋ฅผ ์ง์ํ๋ฉฐ React/Vue/Angular ๋ฑ ์ฃผ์ ํ๋ ์์ํฌ์ ํธํ๋์ด ๊ฐ๋ฐ์๊ฐ ๋น ๋ฅด๊ฒ ๋งค๋๋ฌ์ด ์ฑ๊ธ ํ์ด์ง ๋ชฐ์ ํ ๊ฒฝํ์ ๊ตฌํํ ์ ์๋๋ก ํฉ๋๋ค.
"์ด์ ์ ์ ์ฒด ํ๋ฉด ์คํฌ๋กค ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค๋ ค๋ฉด ์๋ฐฑ ์ค์ ์ฝ๋๋ฅผ ์ง์ ์์ฑํด์ผ ํ๋๋ฐ, ์ง๊ธ์ fullPage.js๋ก 30๋ถ ๋ง์ ๋๋ผ ์ ์๊ณ API ์ค๊ณ๊ฐ ๋งค์ฐ ํธ๋ฆฌํ๋ค." โ ์ด๋ช , ์ด๋ค ์ธํฐ๋ท ํ์ฌ์ ํ๋ก ํธ์๋ ์์ง๋์ด
"๊ณ ๊ฐ์ ์ํด ๋ง๋ ํฌํธํด๋ฆฌ์ค ์น์ฌ์ดํธ์ ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋๋ฐ, ์ ๋๋ฉ์ด์ ๋ถ๋๋ฌ์์ด ์๋ฒฝํด์ ธ์ ๊ณ ๊ฐ์ด ๋ฐ๋ก ์น์ธ์ ํ๋ค." - ์ํก, ๋ ๋ฆฝ ๋์์ด๋
fullPage.js๋ "ํ์คํฌ๋ฆฐ ์คํฌ๋กค"์ด๋ผ๋ ์ธ๋ถํ๋ ์์ฅ์์ ์ฑ์๋๊ฐ ๋๊ณ ์ํ๊ณ๊ฐ ์ ์ ๋ฆฝ๋ ์๋ฃจ์ ์ ๋๋ค. ๊ทธ ์ฅ์ ์ ์์กด์ฑ์ด ์์ด ํ๋ก์ ํธ ๋ถ๋ด์ ์ค์ด๊ณ , ํ๋ ์์ํฌ์ ๊ตฌ์ ๋ฐ์ง ์๋ ์ํคํ ์ฒ๋ก ๊ธฐ์ ์คํ ํธํ์ฑ์ ๋ณด์ฅํ๋ฉฐ, ๋ก๋ ์ง์ฐ ๋ฐ ์ฑ๋ฅ ์ต์ ํ๋ก ์์ง๋์ด๋ง ์ฌ๊ณ ๋ฅผ ๊ตฌํํ๋ค๋ ์ ์ ๋๋ค. ๊ฐ๋ฐ ํจ์จ์ฑ์ ์ถ๊ตฌํ๋ฉด์๋ ์ธํฐ๋์ ํ์ง์ ํฌ์ํ๊ณ ์ถ์ง ์์ ํ์๊ฒ๋ "์คํ๋ฐ์ค ์ฆ์ ์ฌ์ฉ" ์์ค์ ํฉ๋ฆฌ์ ์ธ ์ ํ์ ๋๋ค. ํ๋ก์ ํธ์ ์ฌ์ธต์ ์ธ ์ปค์คํ ์ ๋๋ฉ์ด์ ์๊ตฌ์ฌํญ์ด ์๋ค๋ฉด API๋ฅผ ํ์ฉํ 2์ฐจ ํ์ฅ์ ํตํด ์ถฉ๋ถํ ์ ์ฐ์ฑ์ ํ๋ณดํ ์ ์์ต๋๋ค.
์ ์ฒด ํ๋ฉด ์คํฌ๋กค์ ๊ธฐ์ ์๋์ด ์๋๋ผ ๊ณต๊ฐ ์์ฌ๋ฅผ ํตํด ์ฌ์ฉ์์ ์ฃผ์๋ฅผ ์ด๋๋ ๋์์ธ ์ธ์ด์ ๋๋ค. fullPage.js๋ ๋ณต์กํ ์คํฌ๋กค ๋ก์ง์ ๊ฐ๊ฒฐํ ์ธํฐํ์ด์ค๋ก ํฌ์ฅํ์ฌ ๊ฐ๋ฐ์๊ฐ ์ฝํ ์ธ ์์ฒด์ ์ง์คํ ์ ์๋๋ก ํฉ๋๋ค. ๋ธ๋๋ ํํ์ด๋ ์ ํ ์ ์๋ , ์ด ๋๊ตฌ๋ ๋ ๋ฎ์ ๋น์ฉ์ผ๋ก ๋ ์ ๋ฌธ์ ์ธ ๊ฒฐ๊ณผ๋ฅผ ๋ฌ์ฑํ๋ ๋ฐ ๋์์ ์ค๋๋ค. ๋ง์ฝ "ํ ํ์ด์ง๋ก ์ด์ผ๊ธฐ๋ฅผ ์์ฑ"ํด์ผ ํ๋ ์น์ฌ์ดํธ๋ฅผ ๊ณํ ์ค์ด๋ผ๋ฉด, ์ด ๋๊ตฌ๋ ๊ธฐ์ ์ต์ ๋ชฉ๋ก์ ํฌํจํ ๊ฐ์น๊ฐ ์์ต๋๋ค. โจ