์ฐ๋ฆฌ ์ํํธ์จ์ด๋ require.js๋ฅผ ์ฌ์ฉํ๋ฉฐ ๊ทํ์ ์ํํธ์จ์ด๋ ์ฌ์ฉํ๋ ๊ฒ์ผ๋ก ๋ณด์ ๋๋ค. ์ ๋ฐ์ดํธ ์ดํ๋ก ์ฐ๋ฆฌ๋ ์ฐ๋ฆฌ ์ฝ๋๋ฅผ ์คํํ๋ ค๊ณ ์๋ํ๋ ์ฌ๋ฌ require.js ์ธ์คํด์ค๋ก ์ธํด ์ฝ์์์ ์๊ธฐ์น ์์ ์ค๋ฅ๋ฅผ ๋ณด์์ต๋๋ค.
์ฌํ๊ฒ๋ ๋ฌธ์ ๋ฅผ ์ฌํํ๊ฑฐ๋ ์ฐ๋ฆฌ ์ฝ๋์ ๋ํด ๋๋ฌด ๋ง์ ๋
์ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ ๋ฐ ๋์์ ๋๋ฆด ์ ์์ต๋๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก ์ฐ๋ฆฌ๋ require.js ์คํฌ๋ฆฝํธ ํ๊ทธ์ data-main ์์ฑ์ ์ฌ์ฉํ์ฌ ํ์ผ์ ์คํํ์ฌ require-base ํญ๋ชฉ์ ์์ ํฉ๋๋ค. ์ด์ ๋ํ ์์ธํ ๋ด์ฉ์ https://requirejs.org/docs/api.html#data -main์ ์ฐธ์กฐํ์ญ์์ค.
์ด์ ์๋ ๊ฒฝ๋ก๋ก ์คํํ๊ณ ์๊ธฐ ๋๋ฌธ์ ๋ ๋ฒ์ด๊ณ ๋ ๋ฒ์งธ๋ก ์๋ชป ๋ฐ์ํ๊ณ ํด๋น ๊ธฐ๋ณธ js ํ์ผ์ URL ๋์ ๊ณ ์ ํฉ๋๋ค.
๋ฐ๋ผ์ ์๋ง๋ ์๋ฃจ์ ์ ์ฌ์ฉํ require.js์ ๋ํด ๋ ๊ตฌ์ฒด์ ์ผ๋ก ์ํํธ์จ์ด๋ฅผ ๋ณ๊ฒฝํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๋ฌ๋ ์ด์ ๊ณผ ๊ฐ์ด require.js์ ๋ฒ์๋ฅผ ์ฝ๊ฐ ํฌํจํ ์ ์๋ค๋ฉด(๋๋ requirejs๊ฐ ์๋ก ์ถ๊ฐ๋์์ต๋๊น?) ์ด์์ ์ผ ๊ฒ์ ๋๋ค. ๋๋ ์ฐ๋ฆฌ๊ฐ ๊ณง ๋ฐ๋ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ์ง ์์ผ๋ฏ๋ก ๋น์ ์ด ๊ทธ๊ฒ์ ๋ณ๊ฒฝํ ์ ์๋ค๋ฉด ๋ค๋ฅธ CSS ํ์ฅ์ ์ฐพ์์ผ ํ ์๋ ์์ต๋๋ค.
์ฌํํ๋ ค๋ฉด data-main ์์ฑ์ ์ฌ์ฉํ์ฌ ์์ ๋ก์ปฌ ์ฌ์ดํธ๋ฅผ ๋ง๋ค๊ณ ์ถฉ๋ํ๋์ง ํ์ธํ์ญ์์ค.
@iamsolarplexus ๋ณด๊ณ
์งํ ์ค์ธ ์ ์ฌ์ ์ธ ์์ ์ฌํญ์ด ์๋ ๋ช ๋ฐฑํ ๋ฌธ์ ๋ผ์ ๊ธฐ์ฉ๋๋ค. ์๋ตํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. UI์ ๋ํ ์ต๊ทผ ๋ณ๊ฒฝ ์ฌํญ์ ์ ๋ง ์ข์ ๋ณด์ ๋๋ค.
์กฐ์ธํด ์ฃผ์๋ฉด ๋ค์ ๋ฆด๋ฆฌ์ค๋ฅผ ํ ์คํธํ๊ธฐ๋ฅผ ๊ณ ๋ํ๊ฒ ์ต๋๋ค.
@iamsolarplexus ์ด๊ฒ์ ์ด์ ์ต์ ์ ๋ฐ์ดํธ์์ ํด๊ฒฐ๋์ด์ผ ํฉ๋๋ค. ์ด ๋ฌธ์ ๋ฅผ ๋ค์ ์ฌ์ญ์์ค. ๊ทธ๋ ์ง ์์ ๊ฒฝ์ฐ
ํ์ธํ์ต๋๋ค. ์์ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์งํ ์ค์ธ ์ ์ฌ์ ์ธ ์์ ์ฌํญ์ด ์๋ ๋ช ๋ฐฑํ ๋ฌธ์ ๋ผ์ ๊ธฐ์ฉ๋๋ค. ์๋ตํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. UI์ ๋ํ ์ต๊ทผ ๋ณ๊ฒฝ ์ฌํญ์ ์ ๋ง ์ข์ ๋ณด์ ๋๋ค.
์กฐ์ธํด ์ฃผ์๋ฉด ๋ค์ ๋ฆด๋ฆฌ์ค๋ฅผ ํ ์คํธํ๊ธฐ๋ฅผ ๊ณ ๋ํ๊ฒ ์ต๋๋ค.