์์ฐจ ์คํฌ๋กค(Parallax Scrolling)์ ์ฌ์ฉ์๊ฐ ์น ์ฌ์ดํธ๋ฅผ ์คํฌ๋กคํ ๋ ๋์ ์ด๊ณ ๊ณ์ธตํ๋ ์๊ฐ ํจ๊ณผ๋ฅผ ๋ง๋ค์ด ๋ชฐ์ ๋ ์๊ณ ๋งค๋ ฅ์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๋ ํ๋ ์น ๋์์ธ์์ ๋๋ฆฌ ์ฌ์ฉ๋๋ ๊ธฐ์ ์ ๋๋ค. ์ด๋ ์นํ์ด์ง์ ๋ค์ํ ์์๋ฅผ ์ฌ์ฉ์์ ์คํฌ๋กค ๋์์ ๋ฐ๋ผ ์๋ก ๋ค๋ฅธ ์๋๋ ๋ฐฉํฅ์ผ๋ก ์์ง์ด๊ฒ ํจ์ผ๋ก์จ ๋ฌ์ฑ๋ฉ๋๋ค. ์ด๋ ๊น์ด์ 3์ฐจ์ ์์ง์์ ํ์์ ๋ง๋ค์ด๋ ๋๋ค. ์ด ๊ธฐ์ ์ ์ํธ์์ฉ ์์๋ฅผ ์ถ๊ฐํ๊ณ , ์ฌ์ฉ์์ ๊ด์ฌ์ ๋๊ณ , ์ฌ์ดํธ์ ์ ๋ฐ์ ์ธ ๋ฏธ์ ๋งค๋ ฅ์ ํฅ์์ํค๋ฏ๋ก ์น ์ฌ์ดํธ ๊ฐ๋ฐ์ ํนํ ์ ์ฉํฉ๋๋ค.
๋์งํธ ์์ญ์์ ์์ฐจ ์คํฌ๋กค๋ง์ ๊ฐ๋ ์ ์ ํ๋ 2์ฐจ์ ๊ณต๊ฐ ๋ด์์ ๊น์ด๊ฐ๊ณผ ์๊ทผ๊ฐ์ ์ ๊ณตํ๊ธฐ ์ํด ์ฒ์์ผ๋ก ์ฌ์ฉ๋ ์ด๊ธฐ ๋น๋์ค ๊ฒ์ ๊ฐ๋ฐ ๋ฐ 2D ํก์คํฌ๋กค ๊ฒ์์ผ๋ก ๊ฑฐ์ฌ๋ฌ ์ฌ๋ผ๊ฐ๋๋ค. ์ด ๊ธฐ์ ์ 2000๋ ๋ ํ๋ฐ์ ์น์ฌ์ดํธ ๊ฐ๋ฐ์์ ์ธ๊ธฐ๋ฅผ ์ป์์ผ๋ฉฐ ์ดํ ์น ๊ฐ๋ฐ์์ ๋์์ด๋์ ํ์ ๋๊ตฌ๊ฐ ๋์์ต๋๋ค. ์์ฐจ ์คํฌ๋กค๋ง์ ์ ๋ต์ ์ผ๋ก ์ ์ ํ๊ฒ ์ฌ์ฉํ๋ฉด ์น ์ฌ์ดํธ์ ๋ฏธ์ , ๊ธฐ๋ฅ์ ๊ฐ์น๋ฅผ ๋์ฌ ์ฌ์ฉ์ ์ฐธ์ฌ๋๋ฅผ ๋์ด๊ณ ์ ํ์จ์ ๋์ด๋ฉฐ ๋ธ๋๋ ์ถฉ์ฑ๋๋ฅผ ๋์ผ ์ ์์ต๋๋ค.
์์ฐจ ์คํฌ๋กค๋ง์ ์ฃผ๋ก HTML, CSS ๋ฐ JavaScript์ ์กฐํฉ์ ์ฌ์ฉํ์ฌ ๊ตฌํ๋๋ฉฐ, ํธ์์ฑ๊ณผ ํจ์จ์ฑ์ ๋์ด๊ธฐ ์ํด ๊ธฐ์กด ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฐ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ ์ ์๋ ์ต์ ๋ ์์ต๋๋ค. ์ด ๊ธฐ์ ์ ์๋ํ ์๊ฐ ํจ๊ณผ์ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ฐ๋ผ ์ฌ๋ฌ ๊ฐ์ง ๋ฐฉ๋ฒ์ผ๋ก ์ ์ฉ๋ ์ ์์ต๋๋ค. ๋ช ๊ฐ์ง ์ผ๋ฐ์ ์ธ ์์ฐจ ์คํฌ๋กค ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
- ๊ณ์ธตํ๋ ์์ฐจ: โโ์นํ์ด์ง ์ฝํ ์ธ ๋ฅผ ์ฌ์ฉ์๊ฐ ์คํฌ๋กคํ ๋ ๋ค์ํ ์๋๋ ๋ฐฉํฅ์ผ๋ก ์์ง์ด๋ ์ฌ๋ฌ ๋ ์ด์ด๋ก ๋๋๋ ์์ ์ด ํฌํจ๋ฉ๋๋ค. ์ด ๋ฐฉ๋ฒ์ ๊น์ด๊ฐ๊ณผ ์ ์ฒด๊ฐ์ ๋ง๋ค์ด ์ฌ์ดํธ์ ์๊ฐ์ ๋งค๋ ฅ์ ํฅ์์ํต๋๋ค.
- ๊ณต๊ฐ/ํ์ด๋์ธ ์์ฐจ: ์ฌ์ฉ์๊ฐ ํ์ด์ง๋ฅผ ์๋๋ก ์คํฌ๋กคํ๋ฉด ์์๊ฐ ํ์ด๋์ธ๋๊ฑฐ๋ ๋ค์ํ ์๋๋ก ๋ํ๋๋ฉฐ ์ญ๋์ ์ธ ๋ํํ ๊ฒฝํ์ ์์ฑํฉ๋๋ค.
- ๊ณ ์ ๋๋ ๊ณ ์ ์์ฐจ: ์ด ๋ฐฉ๋ฒ์์๋ ํน์ ์์๋ฅผ ํ์ด์ง์ ๊ณ ์ ์์น์ ๊ณ ์ ํ๊ณ ๋ค๋ฅธ ์์๋ ํด๋น ์์๋ฅผ ์คํฌ๋กคํ์ฌ ์ ์ฒด ๋์์ธ์ ๊น์ด์ ๋๋น๋ฅผ ์ถ๊ฐํฉ๋๋ค.
์์ฐจ ์คํฌ๋กค๋ง์ ์น ์ฌ์ดํธ์ ๋์์ธ๊ณผ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํฌ ์ ์์ง๋ง ์ ์ฌ์ ์ธ ๋จ์ ์ ๊ณ ๋ คํ๊ณ ์ฃผ์ ๊น๊ฒ ๊ธฐ์ ์ ๊ตฌํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์์ฐจ ์คํฌ๋กค๋ง์ ๊ณผ๋ํ๊ฒ ์ฌ์ฉํ๊ฑฐ๋ ์ฝํ ์ธ ๊ฐ ์ด๋ฏธ ๋ง์ ์ฌ์ดํธ์ ๊ตฌํํ๋ฉด ํ์ด์ง ๋ก๋ ์๊ฐ์ด ๋๋ ค์ง๊ณ ์ฑ๋ฅ์ด ์ ํ๋๋ฉฐ ๋ฆฌ์์ค ์๋น๊ฐ ์ฆ๊ฐํ ์ ์์ต๋๋ค. ๋์ฑ์ด ๊ณผ๋ํ ์์ฐจ ์คํฌ๋กค์ ๋๋๋ก ์ฌ์ฉ์๋ฅผ ์๋ํ๊ณ ์น์ฌ์ดํธ์ ํต์ฌ ์ฝํ ์ธ ์ ๋ฉ์์ง๋ฅผ ์์์ํฌ ์ ์์ต๋๋ค. ๋ํ ๋ค์ํ ์ฅ์น ๋ฐ ๋ณด์กฐ ๊ธฐ์ ์ ๋ํ ์ ์ ํ ํด๋ฐฑ ๋ฐ ์ต์ ํ๋ฅผ ํตํด ์์ฐจ ์คํฌ๋กค๋ง์ด ์ฅ์ ๊ฐ ์๋ ์ฌ์ฉ์๊ฐ ๋ชจ๋ฐ์ผ์ ๋ฐ์ํ๊ณ ์ก์ธ์คํ ์ ์๋ ๋ฐฉ์์ผ๋ก ๊ตฌํ๋๋๋ก ํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
AppMasterno-code ํ๋ซํผ์์ ์ฐ๋ฆฌ๋ ์ฑ๋ฅ๊ณผ ์ ๊ทผ์ฑ์ ์ ํ์ํค์ง ์์ผ๋ฉด์ ๋ฏธํ๊ณผ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ชจ๋ ๊ทน๋ํํ๋ ๋ฐฉ์์ผ๋ก ์์ฐจ ์คํฌ๋กค๊ณผ ๊ฐ์ ๊ณ ๊ธ ๋์์ธ ๊ธฐ์ ์ ๊ตฌํํ๋ ๊ฒ์ด ์ค์ํ๋ค๋ ๊ฒ์ ์ดํดํ๊ณ ์์ต๋๋ค. ๋น์ฌ์ ๊ฐ๋ ฅํ no-code ๋๊ตฌ๋ฅผ ์ฌ์ฉํ๋ฉด ๊ณ ๊ฐ์ ๋จ ํ ์ค์ ์ฝ๋๋ ์์ฑํ์ง ์๊ณ ๋ ์๊ฐ์ ์ผ๋ก ๋งค๋ ฅ์ ์ด๊ณ ๋งค๋ ฅ์ ์ธ ๋ํํ ๋ฐฑ์๋, ์น ์ ํ๋ฆฌ์ผ์ด์ ๋ฐ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค ์ ์์ต๋๋ค. ๋น์ฌ์ ์ต์ฒจ๋จ ํ๋ซํผ์ ํ์ฉํ๋ฉด ์์ฐจ ์คํฌ๋กค๊ณผ ๊ฐ์ ํ๋์ ์ธ ๋์์ธ ์์๋ฅผ ํตํฉํ๊ณ ์ค๋๋ ์ ๊ฒฝ์์ด ์น์ดํ ๋์งํธ ํ๊ฒฝ์์ ๊ทํ์ ์น์ฌ์ดํธ๊ฐ ๋๋ณด์ด๋๋ก ํ ์ ์์ต๋๋ค. ๋ํ ์ฒ์๋ถํฐ ์ค์ ์ ํ๋ฆฌ์ผ์ด์ ์ ์์ฑํ๋ ค๋ AppMaster ์ ๋ ธ๋ ฅ์ ํตํด ์ฌ์ฉ์๋ ๊ธฐ์ ์ ๋ถ์ฑ๋ฅผ ์ต์ํํ๊ณ ๊ด๋ฒ์ํ ์ฌ์ฉ ์ฌ๋ก์ ๋์์ ์ถฉ์กฑํ๋ ํ์ฅ ๊ฐ๋ฅํ ๊ณ ์ฑ๋ฅ ์ํํธ์จ์ด ์๋ฃจ์ ์ ๋ง๋ค ์ ์์ต๋๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก, ์์ฐจ ์คํฌ๋กค๋ง์ ๊ฐ๋ฐ์์ ๋์์ด๋๊ฐ ๋์์ธ์ ๊น์ด์ 3์ฐจ์์ฑ์ ์ถ๊ฐํ์ฌ ๋ชฐ์ ๊ฐ ์๊ณ ๋งค๋ ฅ์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ง๋ค ์ ์๋๋ก ํ๋ ์น ๊ฐ๋ฐ์ ์ํฅ๋ ฅ ์๋ ๊ธฐ์ ์ ๋๋ค. ์ฑ๋ฅ, ์๋ต์ฑ ๋ฐ ์ ๊ทผ์ฑ์ ๊ณ ๋ คํ์ฌ ์์ฐจ ์คํฌ๋กค๋ง์ ๊ตฌํํจ์ผ๋ก์จ ์น ๊ฐ๋ฐ์๋ ํ๋ก์ ํธ์ ์๊ฐ์ ๋งค๋ ฅ๊ณผ ์ฌ์ฉ์ ์ฐธ์ฌ๋ฅผ ํฅ์์์ผ ์ ํ์จ๊ณผ ๋ธ๋๋ ์ถฉ์ฑ๋๋ฅผ ๋์ด๋ ๋ฐ ๊ธฐ์ฌํ ์ ์์ต๋๋ค. AppMasterno-code ํ๋ซํผ์ ์ฌ์ฉํ๋ฉด ์์ฐจ ์คํฌ๋กค๋ง๊ณผ ๊ฐ์ ๊ณ ๊ธ ๋์์ธ ๊ธฐ์ ์ ํตํฉํ์ฌ ๋ณด๋ค ์ฝ๊ฒ โโ์ ๊ทผํ๊ณ ํจ์จ์ ์ผ๋ก ์ฌ์ฉํ ์ ์์ผ๋ฏ๋ก ์ฌ์ฉ์๋ ํ๋ ์ฒญ์ค๊ณผ ์ฌ์ฉ ์ฌ๋ก์ ๋ง๋ ์๊ฐ์ ์ผ๋ก ํ๋ฅญํ๊ณ ๊ธฐ๋ฅ์ ์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค ์ ์์ต๋๋ค.