Programming/IT (8) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ ์จํ๋ ๋ฏธ์ค ๋ฐฐํฌ ์๋ฒ ์ฅ์ ํ๊ณ - ๋ ์นด๋ ๊ณ ์ฅ(ft. gitlab, ubuntu) on-premise / ubuntu ํ๊ฒฝ์ ๋ฐฐํฌ ์๋ฒ ๋์ด๋ฆฌ๊ธฐ ํ์ฌ ์ ๋ฌดํ๊ฒฝ์์ ๋ด๋ถ ๋ณด์๋ง์์ ๊ฐ๋ฐ์ ํ๊ณ ์๋ ์์ค๋ฅผ ๊ฐ ๊ฐ๋ฐ์์ ์ฐ๊ด๋ ๊ทธ๋ฃน์ฌ๋ก ๋ฐฐํฌ๋ฅผ ํ๊ธฐ ์ํ ์๋ฒ๊ฐ ์จํ๋ ๋ฏธ์ค(on-premise) ํ๊ฒฝ์ผ๋ก ๊ตฌ์ฑ ๋์ด์๋๋ฐ, ์ค์ ์ ์ ์์ด ์๋๋ ๊ฒ์ ๋ฐ๊ฒฌํ๋ค. ์์ค ๋ฐฐํฌ๋ฅผ ์ํด์ ํด๋น ์๋ฒ์ gitlab / jenkis๋ฅผ docker๋ก ๋์์ ํธ์คํ ํ๊ณ ์์๋๋ฐ ๊ฐ๋ฐ์๋ค์ pc์์ ํด๋น ํธ์คํ ์ค์ด gitlab ์ฌ์ดํธ๊ฐ ์ ์์ด ๋์ง ์์๋ค. ๋น์ ์กฐ์น๋ฅผ ์ํ ์งํ ์ฌํญ์ ์ด๋ ๋ค.๐ ๏ธ ์กฐ์น ๋ฐฉ๋ฒ1. ๋ก๊ทธ ํ์ธ ํด๋ณด๊ธฐ$ cd /home/docker/gitlab๋ก๊ทธํ์ผ์ด ์กด์ฌํ๋ ๊ณณ์ผ๋ก ์ด๋$ docker-compose logs -f {์ปจํ ์ด๋ ํน์ ์๋น์ค ์ด๋ฆ}๋ก๊ทธ ํ์ธ. {์ปจํ ์ด๋ ํน์ ์๋น์ค.. [VScode] Mac VScode ESLint ์ ์ฅ ์, ์๋ ์ ๋ ฌ, ์๋ ์์ ์ค์ VScode์์ ESLint ์ ์ฅ ์, ์๋์ ๋ ฌ ์ค์ ๋ฐฉ๋ฒ 1. setting.json ์ผ๊ธฐ Mac์ ๊ฒฝ์ฐ, "Command + P" ๋จ์ถํค๋ก ํ์ผ ๊ฒ์ ์ฐฝ์ ์ฐ ํ, setting.json(.vscode) ๋ฅผ ์ผ๊ธฐ 2. ESLint ์ ์ฅ ์, ์๋์ ๋ ฌ ์ฝ๋ ์ถ๊ฐํ๊ธฐ "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" } ์ ์ฝ๋๋ฅผ ์ถ๊ฐ ๋ฐ๋ก ์ ์ฉ์ด๋์ง ์๋๋ค๋ฉด, VScode๋ฅผ ์ฌ์์, VScode ํ์ฅ์์ ESLint๋ฅผ "์ฌ์ฉ์ํจ" > "๋ค์๋ก๋" > "์ฌ์ฉ" ์์๋ก ์ฌ์์ ํด๋ณด๊ธฐ [Tistory Tip] ๊ด๋ฆฌ์ ํ์ด์ง ๋ค์ด๊ฐ๊ธฐ ํฐ์คํ ๋ฆฌ์์ ๊ธ์ ์์ฑํ๋ค ๋ณด๋ฉด ๊ด๋ฆฌ์ ํ์ด์ง์ ๋ค์ด๊ฐ๋ ๋ฒํผ์ด ์๋ค๋๊ฑธ ์์๋ค. ๋ด๊ฐ ๋ชป ์ฐพ๋ ๊ฒ์ผ ์๋ ์์ง๋ง, ๊ฐ์ฅ ๊ฐ๋จํ ๋ฐฉ๋ฒ์ URL๋ก ๋ค์ด๊ฐ๋๊ฒ ๊ด๋ฆฌ์ ํ์ด์ง์ง๋ ๋ณธ์ธ์ Tistory ์ฃผ์ ๋๋ฉ์ธ์ /manage ๋ฅผ ์ ๋ ฅํด์ ๋ค์ด๊ฐ๋ ๊ฒ ์์ https://reinvestment.tistory.com/manage ๋ด Tistory ๋ธ๋ก๊ทธ ์ฃผ์๋ https://reinvestment.tistory.com/ ์ด๋ค. ๊ทธ ๋ค์ /manage ๋ค ๋ถ์ฌ์ ๋ค์ด๊ฐ์ฃผ๋ฉด ๋๋ค. ๋ฌผ๋ก , ๋ก๊ทธ์ธ์ด ๋์ด์๋ ์ํ์ฌ์ผํ๋ค. 42 ์์ธ(42 Seoul) 6๊ธฐ ์ง์๋ถํฐ ์ต์ข ํฉ๊ฒฉ๊น์ง 42 ์์ธ์ ๋ํ ๊ธ์ ์ธ์ง ๋ง์ง ๊ณ ๋ฏผํ๋ค๊ฐ ๋์ค์ ์ข์ ์ถ์ต์ ์๊ธฐ์ํฌ ์ ์์ ๊ฒ ๊ฐ์์ ๋จ๊ฒจ๋ด ๋๋ค... ์์ ์ง์ ๋ฐฐ๊ฒฝ ์ง์ ๊ณผ์ + ์์ํ ํ ๋ผํผ์ 42 ์์ธ ์ต์ข ํฉ๊ฒฉ ๐ค ์ง์ ๋ฐฐ๊ฒฝ ๋น์ ๊ณต์์ธ ๋๋ ์ปดํจํฐ์ ๊ด๋ จ๋ ๋ํ๊ต ๊ฐ์ ๊ฒฝํ์ ์๊ณ ์ถ์๋ค. ๊ฐ๋ฐ์ ์ข์ํ๋ ์ฌ๋๋ค๊ณผ ๊ฐ์ด ์น๋ถ์ ์๊ณ ๊ฐ์ ๋ชฉํ๋ฅผ ์ก๊ณ ๊ณต๋ถํ๋ ์์๊ฐ์ ๋๋ผ๊ณ ์ถ์๋ค. ํ์ฌ ํ ์ ์๋ ๊ฒ๋ค ์ค ๊ฐ์ฅ ์ข์ ์ ํ์ ๋ถํธ์บ ํ๋ผ๊ณ ์๊ฐ์ด ๋ค์๋ค. ์์ ๋ถํธ์บ ํ๋ผ๊ณ ๋ถ๋ฆฌ๋ 42 ์์ธ, ์ธํผ(ssafy), ์๋ง(Software Academy) ๋ฑ ๊ฒ๋ค ์ค ๊ฐ์ฅ ํฌ๋งํ๋ ๊ณณ์ด 42 ์์ธ์ด์๋ค. 1. ์ ๊ทผ์ฑ์ด ์ข๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก 42 ์์ธ์๋ ์ง์์, ์ฝ๋ฉ ํ ์คํธ ๋ฑ์ ์กฐ๊ฑด์ด ์๋ค. ๋์ ์ฌ์ ์ ๊ฐ๋จํ ์ ์ฑ๊ฒ์ฌ์ ์ฒดํฌ์ธ ๋ฏธํ , ๋ผํผ์ .. ํฐ์คํ ๋ฆฌ ํ์ด์ง ๋ด์์ ๋ฐ๋ก๊ฐ๊ธฐ ๋ง๋ค๊ธฐ(๋ค๋น๊ฒ์ด์ ๋ง๋ค๊ธฐ) / Tistory ๋ค๋น๊ฒ์ด์ โ๏ธ ํฐ์คํ ๋ฆฌ ํ์ด์ง ๋ด์์ ๋ฐ๋ก๊ฐ๊ธฐ ๋ง๋ค๊ธฐ ๋งํฌ๋ฅผ ๋๋ฅด๋ฉด ๊ฐ์ ํ์ด์ง ๋ด์ ์๋ ํน์ ๊ธ์ ์์น๋ก ์ด๋ํ๋๊ฑธ ๋ณด์ ์ ์์ผ์ค ๊ฒ๋๋ค. ์ด ๋งํฌ๋ฅผ ๋ค๋น๊ฒ์ด์ ์ด๋ผ๊ณ ๋ถ๋ฆ ๋๋ค. ๐ ๋ค๋น๊ฒ์ด์ ์์ฑํ๊ธฐ ๋ค๋น๊ฒ์ด์ ์ ๋ง๋ค๊ธฐ ์ํด์๋ HTML์ ์์ ํด์ผ ํฉ๋๋ค. HTML์ ๋ชจ๋ฅด์๋ ๋ถ๋ค์ ์ํด์ ๊ฐ๋จํ ๋งํ๋ฉด ๋ชจ๋ ์น ํ์ด์ง๋ฅผ ๊ตฌ์ฑํ๋ ๋ผ๋์ ๋๋ค. ์ผ๋จ ๋์ผ๋ก ๋ณด๋ฉด์ ํ์ธํด ๋ด ์๋ค. ํฐ์คํ ๋ฆฌ๋ ๊ธ์ ์์ฑํ ๋, ๊ธฐ๋ณธ๋ชจ๋ ์ด ์ธ์์ HTML์ ์ง์ ์์ ํ ์ ์๊ฒ๋ ์ ๊ณต๋ฉ๋๋ค. ์ผ๋จ HTML์ ๋๋ฌ๋ด ๋๋ค. ์์ ์๋ ๊ธ์ ์ฌ์ด์ ์ฐ๋ฆฌ๊ฐ ์์ฑํ ๊ธ์๊ฐ ์๋๊ฑธ ๋ณผ ์ ์์ต๋๋ค. ์ค์ ์น ํ์ด์ง๋ ์ด๋ ๊ฒ HTML ์ฝ๋๋ก ๊ตฌ์ฑ๋์ด์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ฅผ ์ฐ๋ฆฌ๋ ํ๊ทธ๋ผ๊ณ ๋ถ๋ฆ ๋๋ค. ๋ค์ํ ํ๊ทธ๋ ์ฌ๋ฌ ์๋ฏธ๊ฐ ์์ง๋ง, ๊ฐ๋จํ๊ฒ ๊ธ.. HTML ํธ์ง๊ธฐ / ํ๋ก๊ทธ๋จ ์์ด ๊ฐํธํ๊ฒ HTML ์์ฑํ๊ธฐ ์๋ ํ์ธ์ ๋ฆฌ๋ฌด์ ๋๋ค. ์ค๋์ HTML ํธ์ง๊ธฐ ์ค ๊ฐ์ฅ ๊ฐํธํ๊ณ ์ฌ์ด ๋ฐฉ๋ฒ์ ๋ํด์ ์๊ฐํ๋ ค๊ณ ํฉ๋๋ค. โถHTML ์ด๋? HTML(Hyper Text Markup Language)์ด๋, ๋ฌด์ํ ์น ํ์ด์ง๋ฅผ ๊ตฌ์ฑํ๋ ์ธ์ด์ ๋๋ค. ์ปดํจํฐ์ ๊ด์ฌ์ด ์๋ ์ฌ๋์ด๋ผ๋ฉด ์ฐ๋ฆฌ๊ฐ ์ฌ์ฉํ๋ ์น, ์ฑ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ๋ง๋ค์ด์ง๋ค๋ ์ด์ผ๊ธฐ๋ฅผ ๋ค์์ ๊ฒ์ ๋๋ค. ์ฌ๊ธฐ์ ์ธ์ด๋, ๋ง ๊ทธ๋๋ ์ํต์ ์ํ ์ธ์ด(language)์ด๋ค. ์ฐ๋ฆฌ๊ฐ ์ปดํจํฐ๊ฐ ์์๋ค์ ์ ์๋ ์ธ์ด๋ฅผ ์์ฑํ๋ฉด ๊ทธ๊ฒ์ ์ฝ์ ์ปดํจํฐ๊ฐ ์ฐ์ธ ๋๋ก ์๋ํ๊ฒ ๋ฉ๋๋ค. HTML์ ์นํ์ด์ง๋ฅผ ์์ฑํ๊ธฐ์ํ ์ธ์ด๋ก HTML์ธ์ด๋ฅผ ์์ฑํ๋ฉด ์น ๋ธ๋ผ์ฐ์ (์ธํฐ๋ท ์ต์คํ๋ก๋ฌ, ํฌ๋กฌ, ํ์ด์ดํญ์ค ๋ฑ)๊ฐ ์ฝ๊ณ ์ฐ์ธ ๋๋ก ํ์ด์ง๋ฅผ ๋ง๋ค์ด๋ ๋๋ค. ์ฆ, HTML์ ์น ํ์ด์ง๋ฅผ ์์ฑํ๊ณ ์น.. ํฐ์คํ ๋ฆฌ ํ ์ด๋ธ ์์ฑ, ํฌ๊ธฐ ์กฐ์ ํ๋๋ฒ / ํ ์ด๋ธ ์ ๋ ์ฑ์ฐ๊ธฐ, ๊ฐ์ด๋ฐ ์ ๋ ฌ ํ ์ด๋ธ์ ๋ค์ํ ์ ๋ณด๋ฅผ ์์ฝํ๊ธฐ์ ์์ฃผ ์ข์ ์๋จ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค. ํฐ์คํ ๋ฆฌ์ ๊ฒฝ์ฐ HTML์ ์ด์ฉํ ์์ ์ด ๋ง์ ๊ด๊ณ๋ก ๋ฐฉ๋ฒ์ ์ต์ํ์ง ์๋ค๋ฉด ์กฐ์์ด ์ด๋ ค์ธ ์ ์์ต๋๋ค. ๊ทธ๋ ๊ธฐ์ ์ค๋์ ํ ์ด๋ธ์ ์์ฑํ๊ณ ์ ์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๊ณ ๋ง์ถคํ๋ ๋ฐฉ๋ฒ์ ๋ํด์ ์์๋ณด๊ฒ ์ต๋๋ค. ๐ ํ ์ด๋ธ ์์ฑํ๊ธฐ ํฐ์คํ ๋ฆฌ์์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ๊ณต๋๋ UI๋ฅผ ํตํด์ ๊ฐ๋จํ๊ฒ ์์ฑํ์ค ์ ์์ต๋๋ค. ์ต์๋จ ๋ชฉ๋ก์์ ์ฌ๊ฐํ ๋ชจ์์ ์์ด์ฝ์ ํด๋ฆญํด์ฃผ์๋ฉด ์ํ๋ ํ/์ด์ ํ ์ด๋ธ์ ์์ฑํ ์ ์์ต๋๋ค. ํ ์ด๋ธ์ ์ต์ 1x1๋ถํฐ ์ต๋ 10 x 10ํฌ๊ธฐ๋ก ์์ฑํ ์ ์์ต๋๋ค. ํ ๋ง๋ค ๋ค๋ฅธ ๊ฐ์์ ์ด์ ๊ฐ์ง ํ ์ด๋ธ์ HTML์ฝ๋๋ฅผ ์์ ํ์ฌ ๋ง๋์ค ์ ์์ต๋๋ค. ํ์ง๋ง, ์ ๋ ฌ์ด ์ด๋ ต๊ณ ์ด์ด ๋ค๋ฅธ ํ ์ด๋ธ์ ์ ์ฌ์ฉํ์ง ์์ผ๋ ์ด ๊ธ์์ ๋ค๋ฃจ์ง ์์์ต๋๋ค... ํฐ์คํ ๋ฆฌ ๋ชจ๋ฐ์ผ ํ / ๊ด๋ฆฌ ํ์ด์ง ๋ค์ด๊ฐ๊ธฐ ๋ฐ ๋จ์ถํค / ๋ชจ๋ฐ์ผ๋ก html ํธ์ง / ๋ชจ๋ฐ์ผ ๊ธ ์ฐ๊ธฐ ํ ์ ๊ฐ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ์ง ๋ณด๋ฆ ์ ๋๊ฐ ๋์ด ๊ฐ๋๋ค. ๊ทธ ๋์ ํฐ์คํ ๋ฆฌ๋ฅผ ์์ํ๋ฉด์ ํท๊ฐ๋ ค ํ์๋ ๋ณธ์ธ ๋ธ๋ก๊ทธ์์๊ด๋ฆฌ ํ์ด์ง ๋ค์ด๊ฐ๊ธฐ๋ ๋ฐฉ๋ฒ๊ณผ ๋ชจ๋ฐ์ผ์ ์ด์ฉํ ๊ธ์ฐ๊ธฐ์ ์ ์ฉํ ๊ธฐ๋ฅ์ ๋ํด์ ์์ ๋ณด๊ฒ ์ต๋๋ค. ์ด ๊ธ์ ์ ์ฒ๋ผ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ์์ง ์ผ๋ง์๋์ ์ด๋ณด์ ๋ถ๋ค์ ์ํด์ ์์ฑํ์์ต๋๋ค. ๋ธ๋ก๊ทธ ๊ด๋ฆฌ ํ์ด์ง ์ด์ํ๋ ๋ธ๋ก๊ทธ๋ฅผ ๊ด๋ฆฌํ ์ ์๋ ์ฐฝ ์ ๋๋ค. ๊ธ์ด๋ ์นดํ ๊ณ ๋ฆฌ, ์คํจ ๋ฑ์ ํธ์งํ ์ ์๋ ๊ณต๊ฐ์ ๋๋ค. ์ ๊ฐ ์ฒ์ ๋ถํธํด ํ์๋ ๋ถ๋ถ์ ๋ธ๋ก๊ทธ ๊ด๋ฆฌ ํ์ด์ง์ ๋ธ๋ก๊ทธ ์์ฒด๋ฅผ ์ด๋ํ๊ธฐ ์ด๋ ค์ํ๋ ์ ์ ๋๋ค. ์ฐ์ธก ์๋จ ํ๋กํ์ ํด๋ฆญํ๋ฉด ์ด๋ ๋ฏ ์ด์ ์ค์ธ ๋ธ๋ก๊ทธ ๊ธ์ฐ๊ธฐ ๋ฒํผ๊ณผ ๋ธ๋ก๊ทธ ์ค์ ๋ฒํผ์ด ์์ต๋๋ค. ์ด์์ค์ธ ๋ธ๋ก๊ทธ์ ๋ค์ด๊ฐ์ ๋ ๋ค์ ๊ด๋ฆฌ ํ์ด์ง์ ๋ค์ด๊ฐ๋ ๋ฒํผ์ด ์์ด์ ๋นํฉ ํ์์ต๋๋ค. .. ์ด์ 1 ๋ค์