๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ฐ˜์‘ํ˜•

๐Ÿ’ป 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๋‹ค. ์‚ฌ์šฉ์ž๋ฅผ ๋Œ€๋ฉดํ•˜๋Š” ..

728x90
๋ฐ˜์‘ํ˜•