๐ป ๊ตฐ๋์์ ์ฝ๋ฉํ๊ธฐ (1)
20๋ 8์์ ์ ๋ํ๊ณ ๋์๋ถํฐ, ๊ตฐ๋ ์์์ ์ฝ๋ฉ์ ํ ์ ์๋ ๋ฐฉ๋ฒ์ ๊ณ์ ์ฐพ์์๋ค. ์ ๋ ์ ์๋ ์๊ฐ์ด ๋ฌธ์ ์ผ ๊ฑฐ๋ผ๊ณ ์๊ฐํ๋๋ฐ, ์๊ฐ๋ ์๊ฐ์ด์ง๋ง ์๊ฐ์ฒ๋ผ ๋์ง ์๋ ๊ฒ๋ค์ด ๋ง์๋ค. ๋จผ์ ์ ๋ ์ ๋ผ์ฆ๋ฒ ๋ฆฌ ํ์ด๋ฅผ ์ค์นํด ๋๊ณ ์๋๋ฐ, ์ฌ์ด๋ฒ์ง์์ ๋ณด๋ฐฉ์์ ssh์ vnc ํฌํธ๋ฅผ ๋ง์๋๊ธฐ๋๋ฌธ์ (๋ชจ๋ ๋ณด์๋ฌธ์ ์ ์ง๊ฒฐ์ด ๋์ด ์์๋ค), ์ง์ ์ฐ๊ฒฐ์ ๋ถ๊ฐ๋ฅํ๋ค.
์ฌ์ง๋ฐฉ์ ์ปดํจํฐ๋ฅผ ๊ทธ๋๋ก ์ฐ๊ธฐ๋ ํ๋ค์๋ค. ์ฌ๋ถํ ๋ง๋ค ํ์ผ์ด ์ฌ๋ผ์ง๋๊ฑด ๋์งธ์น๊ณ , VS Code๋ Extension ์ค์น๊ฐ ์๋๊ณ (.vsix๋ก์ ์ค์น๋ ๋งํ์๋ ๋ฏ ํ๋ค), Powershell๋ ์๋๊ณ โฆ ํ๋ชจ๋์นด ๋ฆฌ๋ ์ค๋ VS Code๊ฐ ๊ธฐ๋ณธ ์ค์น๋์ด์๊ธดํ์ง๋ง ์ญ์๋ Extension์ ์ค์นํ ์ ์์๋ค. ํฐ๋ฏธ๋ ์ ๊ทผ๋ ํ ์ ์์๋ค.
Codeanywhere
๊ทธ๋์ ์ฒ์ ์ฌ์ฉํ๋๊ฑด Codeanywhere์๋ค.
VS Code๋ ๋น์ทํ GUI, ์์ฒด Container, terminal & sftp ์ง์ ๋ฑ ๋ค ์ข์๋๋ฐ, ๋ช๊ฐ์ง ๋ต๋ตํ ๋ถ๋ถ์ด ์์๋ค.
- JS๋ฅผ ์ ์ธํ๋ฉด, Linting์ด ์๋๋ค. ํ์์ ์ธ ๋ถ๋ถ์ ์๋ ์ ์์ง๋ง, ์๊ทผ ๋ถํธํ๋ค. ์ด ๋ฌธ์ ๋ ๊ฒฐ๊ตญ Extension์ ๋ถ์ฌ๊ฐ ์์ธ์ด๋ค.
- ๋ญ๊ฐ ๋ถํธํ๋ค. Layout ์ค์ ์ด๋ผ๋ ๊ฐ, ์ฐฝ๋ค์ ์ ์ฅํด๋ ์ ์๋ค๋ ๊ฐโฆ ๋ด๊ฐ ์๋ชป์ฐ๊ณ ์๋๊ฑด์ง ๋ญ์ง ์ด๋ฐ ์์์์ํ ๋ถํธํจ๋ค์ด ๊ณ์๋๋ค.
- ssh/sftp์ ์์กดํ๊ฒ๋๋ค. ์ง์ ๊ฐ์ง๋ ๋ชปํ๋๋ฐ (์ฝ๋ก๋๋๋ฌธ์ ๊ทผ 150์ผ๊ฐ ํด๊ฐ๋ฅผ ๋๊ฐ์ง ๋ชปํ๋ค) ์ง์์๋ RPi๋ฅผ ๊ด๋ฆฌํ๊ธฐ๋ ์ฌ๊ฐ ๋ถํธํ๊ฒ ์๋์๋ค. ๋ถ์ํ๋ ํจ๋ถ๋ฌ ๊ฐ์ง๊ณ ๋๊ธฐ๊ฐ ํ๋ค์๋ค. Container๋ฅผ ์ ๋๋ก ์ฐ์๋ ์ ๋ฃ๊ณ โฆ
์์์์ํ ๋ถํธํจ๋ค๋ง ์์๋ค๋ฉด ๊ทธ๋ฅ ๋น์ธ์ง ์์๊ธฐ๋๋ฌธ์ Container ์ฌ์ฉ์ ์ํด ๊ธฐ๊บผ์ด ๋น์ฉ์ ์ง๋ถํ์ ๊ฒ์ด๋ค. ๊ทธ๋ฐ๋ฐ ์ข ๋ถํธํ๊ณ ๋ญ๊ฐ ๋ถ์ํ๋ค๋ ๋ง์์ ๋จ์น ์๊ฐ ์์๋ค.
code-server
๊ฒฐ๊ตญ ๊ณ ๋ฏผํ๋ค๊ฐ cdr/code-server๋ฅผ ์ ํํ๋ค. ๋ผ์ฆ๋ฒ ๋ฆฌํ์ด์ ํ๋๊ฒ ๋น์ฉ๋ฉด์์ ์ข์๊ฒ ์ง๋ง, ARM์ง์๋ ์๋ ๋ฟ๋๋ฌ(์ ์ด๋ ๋ผ์ฆ๋ฒ ๋ฆฌํ์ด๋ ์๋๋ ๋ฏ ํ๋ค), ์์์ ๋งํ๋ฏ์ด ํ๋์จ์ด๊ฐ ์ง์์์ผ๋ ๋ถ์๋ถ์ํ๋ค. ๊ทธ๋์ Vultr์์ ์๋ก์ด VPS๋ฅผ ๊ตฌ์ ํ๋ค. ์ฒ์์ $5์ง๋ฆฌ๋ก ํด๋ดค์ง๋ง, code-server๋ง ์ฌ๋ ค๋ htop๊ฐ ์๋ฆฌ๋ฅผ ์ง๋ฅด๊ธธ๋ ๊ฒฐ๊ตญ $10์ง๋ฆฌ๋ก ์ ๊ทธ๋ ์ด๋ ํ๋ค. 2PX1๋ก ๊ณ์ฐํ๋ ๋์์ง ์์ ๋ณด์๋ค. PX๋ณด๋ค๋ ๋ Productiveํ ํ ๋. code-server๋ ์ ๋ง ๊ฑฐ์ ๋ชจ๋ ๋ถํธํจ์ ๋ค ํด์ํด์ฃผ์๋ค. Code-server๋
- VSCode๋ ์์ ๋๊ฐ์ผ๋, UI๋ฉด์์ ๋ถํธํ ์ผ์ด ์์๋ค. Git integration๋ ๋๋ฌด ํ๋ณตํ๋ค.
- Extension ์ค์น๊ฐ ๊ฐ๋ฅํ๋, Linting๋ ๋๊ณ , Debugging๋ ๋๊ณ , color / icon theme๋ ์ค์น ๊ฐ๋ฅํ๋ค. ๋ชจ๋ ์ธ์ด๊ฐ ๋ค ์ง์๋๋ค.
- ์ ์ฅ ํ์์์ด, ๋๊ธฐ๋ง ํด๋ ์ ์ฅ๋๊ณ , workspace, tab๊น์ง ์ ๋ถ ๊ทธ๋๋ก๋ค. ์ด๋ ์ปดํจํฐ๋ฅผ ๊ณ ๋ฅด๋ ํญ์ ๊ทธ๋๋ก๋ค.
- VPS์์ ๋๋ฆฌ๋ ๋๋ฌด๋๋ ๊ฐ๋จํ๋ค. ๊บผ์ง ๊ฑฑ์ ๋ ์๊ณ , ์ดํด ์๋๋ ๊ฒ๋ ์๋ค.
์ ์ผํ๊ฒ ์์ฌ์ด ์ ์ Remote Development๊ฐ ์๋๋ค๋ ์ . ๋ผ์ฆ๋ฒ ๋ฆฌ ํ์ด์ sftp๊ฐ ์๋๋ค. ํฐ๋ฏธ๋๋ก ํ ์ ์๋ค๋ง ๋ถํธํ๊ฑด ์ฌ์ค์ด๋โฆ ๊ทธ๋ฌ๋ค๋ณด๋ ์์ฐ์ค๋ฝ๊ฒ ๋ผ์ฆ๋ฒ ๋ฆฌํ์ด์ ์ฌ์ฉ๋น๋๊ฐ ์ค์๋ค. ๋ญ ๊ฐ์ธ์ ์ธ๊ฒ๋ค ์ฌ๋ฆฌ๊ธฐ์ ์์ง ๋ฑ์ด์ง๋ง, ์กฐ๋ง๊ฐ ์ข์ ์ธ๋ชจ๋ฅผ ์๊ฐํด ๋ด์ผ ํ ๊ฒ ๊ฐ๋ค.
๊ฒฐ๋ก
๊ตฐ๋์์ ์ฝ๋ฉํ๊ธฐ๊ฐ ๋ง๋ฅ ์ฝ์ง ์๋ค. ์ผ๋จ ๋ถ๋ ์ฌ๊ฑด๋ถํฐ๊ฐ ์ฒ์ฐจ ๋ง๋ณ์ด๋ค. ์ง๊ธ ๋ด ๋ถ๋๊ฐ ์ฌ๊ฑด์ด ํ๋ฅญํ๊ฑด ๋ชป๋์ง๋ง, ์ ์ด๋ ์๊ฐ๋ ์๊ณ (๊ทผ๋ฌด๋ง ๋บ๋ค๋ฉดโฆ), Github๋ ์ ๋๋ค(๋ง์ ๋ถ๋๊ฐ Github ์ ์์ด ์๋๋ค๋ ๋ง์ ๋ค์๋ค. Gitlab๋ง ๋๋ค๋ ๋ถ๋๋ ๋ง์ ๋ฏ ํ๋ค). ํ์ง๋ง Cloud IDE๋ง ์์ผ๋ฉด ์ถฉ๋ถํ ๊ฐ๋ฅํ ๊ฒ ๊ฐ๋ค. ์ฌ์ง๋ฐฉ๋ ๋ฌด๋ฃํ๋๊ณ , ํด๋ํฐ ์ฌ์ฉ์ด ๊ฐ๋ฅํด์ ธ์ ์๋ฆฌ๋ ๋๋ํด์ง๊ณ . ์์ ์ฒซ ํ์ด์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ thecampy๋ ์ฌ์ง๋ฐฉ์์ ํ์ด๋ฌ๋ค. ํ๋ ค๋ฉด ์ถฉ๋ถํ ํ ์ ์์ง๋ง, ์ฌ์ค ์ผ๊ณผ๊ฐ ๋๋๋ฉด ๋ชฐ๋ ค์ค๋ ์กธ์์ ์ด๊ฒจ๋ด์ผํ๋ค๋ ๊ฒ์ด ์ ์ผ ํฐ ๋ฌธ์ ์ธ ๊ฒ ๊ฐ๋ค.
-
PX ๋๋ฒ ๊ฐ ๋ย ↩