Nitron.js ํ๊ตญ์ด ๋ฌธ์
์ ์ ์ธํฐํ์ด์ค ๊ตฌ์ฑ์ ์ํ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ ์์ํฌ
์ Nitron์ ์ฌ์ฉํด์ผํ๋์?
- ๋์ ํ์ฅ์ฑ : ๋ด๊ฐ ๋ง๋ ์ปดํฌ๋ํธ๋ฅผ ๋ฐฐํฌํ๊ฑฐ๋, ๋ค๋ฅธ ์ปดํฌ๋ํธ๋ฅผ ๊ฐ์ ธ์์ ์ ์ฉํ๋ ๋ฑ ๋์ ํ์ฅ์ฑ๋ฅผ ๊ฐ์ ธ์.
- ์ฌ์ฉ์ฑ : HTML, CSS, JavaScript๋ฅผ ๋ฐฐ์ฐ์ จ๋ค๋ฉด ์ฝ๊ฒ ์์ํ์ค ์ ์์ด์.
- ์ปดํฌ๋ํธ ๊ธฐ๋ฐ : ๋ฐ๋ณต์ ์ผ๋ก ์ฌ์ฉํ๋ ์ฝ๋๋ ์ปดํฌ๋ํธ(์บก์)์ ๋ฃ๊ณ
<Component />์ ๊ฐ์ด ์ถ์ฝํ๊ฑฐ๋, ์์ฑ์ ์ถ๊ฐํ์ฌ ์์ฑํ ์ปดํฌ๋ํธ ๋ด๋ถ ๊ธ์จ์ ๊ฐ์๊ฒ์ ์ฝ๊ฒ ์กฐ์ํ ์ ์์ด์.
index.html
<!DOCTYPE html>
<html>
<head>
<title>Nitron App</title>
</head>
<body>
<div id="root"></div>
<script src="./src/nitron.js"></script>
<script src="./App.js"></script>
</body>
</html>App.js
nitron.component('component',{
template:`
<p>hello, World!</p>
`
});
const App = `
<Component />
`;
nitronDOM.render(App,document.getElementById('root'));Nitron.js: MIT LicenseNitorn Styles Tools: MIT License
Nitron ํ์์ ์ง์ํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฐ ํ๋ ์์ํฌ ์ธ์๋ ํด๋น ๋ผ์ด๋ธ๋ฌ๋ฆฌ, ํ๋ ์์ํฌ ์ ์ ํ์์ ๋ผ์ด์ ์ค๋ฅผ ๋ณ๋๋ก ๊ณ ์งํฉ๋๋ค.