๐ป Deep Wide Programming/์ก๋คํ ๊ฐ๋ฐ ๊ด๋ จ ๊ธฐ๋ก (4) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ ELK STACK ๋ณดํธ๋์ด ์๋ ๊ธ์ ๋๋ค. ๊ตฌ๊ธ์ ํตํด ์์๋ณด๋ ๊ฒ์์์ ์ ๋ณด๋ฅผ ๊ตฌ์ฑํ๋ ๋ฐฉ๋ฒ How Google Works? ์ต๊ทผ ์นํฌ๋กค๋ฌ์ ๋ํด ๊ณต๋ถํ๋ฉด์, ์น๋ธ๋ผ์ฐ์ ์์ ๊ฒ์์ ํ๊ณ ๊ฒฐ๊ณผ๋ฌผ์ ๋ฐ์๋ณด๋ ์ต์ํ ์ฌ์ ์ ๋ํด ์ข ๋ ์์๋ณด๊ณ ์ ํ๋ค. ๊ฒ์์ ๋๋ถ ๊ตฌ๊ธ์ ํตํด ์ดํด๋ณด๊ฒ ๋ค. Google์์ ๊ฒ์ํ ๋, ์ฐ๋ฆฌ๋ ์ค์ ๋ก ์น์ ๊ฒ์ํ๋ ๊ฒ์ด ์๋๋ค. ๊ตฌ๊ธ์ ์น index๋ฅผ ๊ฒ์ํ๋ ๊ฒ์ด๋ค. ๋ค์ ๋งํด, ๊ตฌ๊ธ์ ์ต๋ํ ๋ง์ ์น์ index๋ก ์์ฑํ๊ธฐ ์ํด ๋ ธ๋ ฅํ๋ค. ์ด ์์ ์ ์ํด, ๊ตฌ๊ธ์์๋ '์คํ์ด๋'๋ผ ๋ถ๋ฅด๋ ์ํํธ์จ์ด๊ฐ ์ด ์์ ์ ํ๋ค. ์น ํ์ด์ง ๋ช ๊ฐ๋ฅผ ๊ฐ์ ธ์ค๋ ๊ฒ์์ ์์ํด์, ๊ทธ ํ์ด์ง์ ์ฐ๊ฒฐ๋ ๋งํฌ๋ฅผ ๋ฐ๋ผ๊ฐ๋ค. ๊ทธ ๋งํฌ๊ฐ ๊ฐ๋ฆฌํค๋ ๋ ๋ค๋ฅธ ์๋ก์ด ํ์ด์ง๋ค์ ๋ ๊ฐ์ ธ์ค๊ณ ํ๋ ๊ณผ์ ์ ๋ฌดํํ ๋ฐ๋ณตํ์ฌ, ๊ตฌ๊ธ์ ์์ฒ ๋์ ์ปดํจํฐ์ ๊ฑฐ์ณ ์์ญ์ต ํ์ด์ง๋ก ๋ ๋ฐฉ๋ํ ๊ท๋ชจ์ ์น inde.. ์ค๊ฐ์ ๊ฒ_Reset my Coding Roadmap Where Am I? and What do I need? ์ง๊ธ๊น์ง [์ํ์ฝ๋ฉ]์ WEB1_html&Internet -> WEB2_CSS์ ๊ธฐ๋ณธ์ ๊ณต๋ถํ๋๋ฐ, ํผ๋ธ๋ฆฌ์ ๊ฐ ๋๊ณ ์ถ์ ๊ฒ์ ์๋๊ธฐ์ ๊ฐ๋ฐ ๋ท๋จ์ ๊ณผ์ ์ ์ดํดํด๋ณด๊ณ ์ ํ๋ค. ๊นํ๋ธ์ ์ง๊ธ๊น์ง ๊ณต๋ถํ๋ฉด์ ๋๋ฆ๋๋ก push ํ๋ฉด์ ํ๋ค. ๋ ๊ฐ์ง language๋ฅผ ์ฌ์ฉํ๋ค. ๋๋ฌด ๋ฏธ์ฝํ์ฌ ์ฐจ๋ง commit contribution์ ์ฎ๊ธธ์๊ฐ..์ข ๋ ๋ถ๋ฐํด์ ๋์ค์ ์ฌ๋ ค๋ณด๋๋ก ํ๊ฒ ๋ค. ์์ผ๋ก๋ ์ด๋ฐ ์์๋ก [์ํ์ฝ๋ฉ] ๊ฐ์๋ฅผ ์ด์ฌํ ๋ ๋ค์ด๋ณด๊ณ ์ ํ๋ค. My Coding Roadmap ์ํด๋ณด์ฅ! [์ํ์ฝ๋ฉ] UI์ API์ ์ฐจ์ด UI, API๋ ๋๋ค Interface๋ค UI = User Interface API = Application programming Interface UI๋ผ๋ ๋จ์ด๋ฅผ ๋ง์ด ๋ค์ด๋ณด์๋๋ฐ, API๋ ๋ญ์ง ๋ชฐ๋๋ค. ์๊ณ ๋ณด๋ ๋๋ค Interface์ ๊ฐ๋ ์ด๋ผ๋ ๊ฒ์ด๋ค. UI๋ UX์ ์ธ์ ๋ ๊ฐ์ด ์ฐ์ด๋ ๋จ์ด์ธ์ค ์์๋๋, ๋๋ค๋ฅธ ์๊ตฌ๊ฐ ์์๊ตฌ๋. ๋น๊ฐ๋ฐ์/๊ฐ๋ฐ์๋ค์ ๊ตฌ์ธ์ฃผ '์ํ์ฝ๋ฉ'์ ๋ฐ๋ผ UI์ API์ ๊ฐ๋ ์ ๋ํด ์ดํด๋ณด๋ ๊ฒ์ ์์์ผ๋ก, ์์ผ๋ก ๊ดํํ ์ฝ๋ฉ์ ์ธ๊ณ์ ์กฐ๊ธ์ฉ ์น์ํด์ ธ๋ณผ๊น ํ๋ค. UI = User Interface ์ปดํจํฐ๋ผ๋ ์์คํ ๊ณผ ์ฌ์ฉํ๋ ์ฌ๋์ ์ ์ ์ ์กด์ฌํ๋ฉฐ, ์ฌ๋์ด ์๊ฐํ๋ ๊ฑธ ์ปดํจํฐ์๊ฒ ์ ๋ฌํ๋ ์ ๋ ฅ์ฅ์น, ์ปดํจํฐ์ ์ํ๋ฅผ ์ฌ๋์๊ฒ ์ ๋ฌํ๋ ์ถ๋ ฅ์ฅ์น๊ฐ ๋ฐ๋ก UI๋ค. ์ฌ์ฉ์๋ฅผ ๋๋ฉดํ๋ .. ์ด์ 1 ๋ค์