๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

๐Ÿ–ฅ ์ฝ”๋“œ์Šค์ฟผ๋“œ4

์›น์‚ฌ์ดํŠธ ์ตœ์ ํ™” ์˜ค๋ž˜๋˜๊ณ  ๊ธฐ๋Šฅ์ด ๋งŽ์€ ์„œ๋น„์Šค๋ฅผ ๋Œ€์ƒ์œผ๋กœ ํ•ด์•ผ ํšจ๊ณผ๊ฐ€ ์žˆ๋‹ค. Network ์ž์›๋“ค์ด ๋งŽ์ด ์“ฐ์ด๋Š”์ง€ ์„œ๋ฒ„์— ๊ฐ”๋‹ค์˜ค๋Š” ์‹œ๊ฐ„์ด ์–ผ๋งˆ๋‚˜ ์˜ค๋ž˜ ๊ฑธ๋ ธ๋Š”์ง€ DOM content element์˜ ๋กœ๋”ฉ ์‹œ์ ์„ ์•Œ์•„๋ƒ„ Performance -๋ณ‘๋ชฉ์ง€์  ( ์–ด๋Š ๋ถ€๋ถ„์—์„œ ์‹œ๊ฐ„์ด ๋งŽ์ด ์†Œ์š”๋˜์—ˆ๋Š”์ง€)๋ฅผ ๋ณด๋ฉฐ ์„ฑ๋Šฅ์„ ์ธก์ •ํ–ˆ์—ˆ๋‹ค. LightHouse ๋กœ๋”ฉ ์†๋„์— ๋Œ€ํ•œ ์ง„๋‹จ ์„ฑ๋Šฅ ๊ฐœ์„ ์˜ ์ฒ™๋„๊ฐ€ ๋œ๋‹ค FCP : FMP: ์›นํŽ˜์ด์ง€์˜ ์„ฑ๋Šฅ์„ ๊ฒฐ์ •ํ•˜๋Š” ์ฃผ์š” ์š”์†Œ * ์ฒซํŽ˜์ด์ง€๊ฐ€ ๋Š๋ฆฐ ๊ฒƒ FCP, FMP * ๋ฐ˜์‘์ด ๋Š๋ฆฐ ๊ฒƒ * ๋Š๊ธฐ๋Š” ๊ฒƒ (์• ๋‹ˆ๋ฉ”์ด์…˜) ์ตœ์ ํ™” ์ž‘์—… ์ง„ํ–‰ ๋ฐฉ๋ฒ• ์ง„๋‹จ -> ๊ฐœ์„  -> ํ…Œ์ŠคํŠธ -> ์ง„๋‹จ *์ฐธ๊ณ ) ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ๋ฐ”๋‹๋ผ๋ณด๋‹ค ๋” ๋งŽ์€ ์ ˆ์ฐจ๋กœ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ๋™์ž‘๋œ๋‹ค . ๐Ÿ˜ฎ ?์›น์ตœ์ ํ™”์— ๋Œ€ํ•ด์„œ ์•„์‹œ๋Š”๊ฑฐ ์ž‡์–ด์š” Dom๋กœ๋”ฉ์„ ๋น ๋ฅด๊ฒŒ ํ•˜.. 2021. 6. 1.
๊ฐ์ฒด์ง€ํ–ฅ์˜ ์˜๋ฏธ - ๊ฐ์ฒด์ง€ํ–ฅ์˜ ์‚ฌ์‹ค๊ณผ ์˜คํ•ด ๊ฐ•์˜ ๊ฐ์ฒด์ง€ํ–ฅ์˜ ์‚ฌ์‹ค๊ณผ ์˜คํ•ด ์ €์ž์ด์‹  ์กฐ์˜ํ˜ธ ๋‹˜์˜ ๊ธฐ์ˆ  ์„ธ์…˜์— ์ฐธ์„ํ•˜์—ฌ ๋ฐฐ์šด๊ฒƒ๋“ค์„ ์ •๋ฆฌํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ์ฒด์ง€ํ–ฅ์„ ์–ด๋–ป๊ฒŒ ๋ฐ”๋ผ๋ด์•ผ ํ• ๊นŒ? ์‹œ์Šคํ…œ์€ ๊ฐ์ฒด๋Š” ์ฑ…์ž„์„ ์ˆ˜ํ–‰ํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ•์„ ์„ ํƒํ•˜์—ฌ ๊ฐ์ฒด์— ํ• ๋‹นํ•œ๋‹ค. ๋ฉ”์„ธ์ง€ : ์‹œ์Šคํ…œ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์ค‘ ํ•˜๋‚˜, ๊ฐ์ฒด๊ฐ€ ์ „๋‹ฌ๋ฐ›๋Š”๋‹ค ๋ฉ”์„œ๋“œ : ์ˆ˜์‹ ๋œ ๋ฉ”์„ธ์ง€๋ฅผ ๋ฐ›์•„์„œ ๊ฐ์ฒด๊ฐ€ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ• ๊ฐ์ฒด์ง€ํ–ฅ์„ ์งœ๊ธฐ ์œ„ํ•ด์„  ์–ด๋–ค ์‚ฌ๊ณ ๋ฐฉํ–ฅ์œผ๋กœ ๊ฐ€์ ธ๊ฐ€์•ผ ํ• ๊นŒ? class์˜ ์ด๋ฆ„์„ ๋จผ์ € ๊ฒฐ์ •ํ•˜๊ณ  ์žˆ๋Š”์ง€, ์ฑ…์ž„(์–ด๋–ค์ผ์„ ํ•ด์•ผํ•˜๊ณ ์žˆ๋Š”์ง€)์„ ๋จผ์ € ๊ฒฐ์ •ํ•˜๊ณ  ์žˆ๋Š”์ง€ ์ฑ…์ž„ * ๊ฐ์ฒด์ง€ํ–ฅ์€ runtime์— ์–ด๋–ค ์ž‘์—…์„ ์ˆ˜ํ–‰ํ• ์ง€ * ์ด ์ฑ…์ž„์— ๋”ฐ๋ฅธ ์ •๋ณด๋ฅผ ๋ˆ„๊ฐ€ ๊ฐ€์žฅ ๋งŽ์ด ๊ฐ€์ง€๊ณ  ์žˆ๋Š”์ง€์— ๋”ฐ๋ผ์„œ ๊ฒฐ์ • * ๋ฉ”์„œ๋“œ๋ฅผ ๋จผ์ € ๊ฒฐ์ • -> ํ•„์š”ํ•œ ์ƒํƒœ๋ฅผ ๊ฐ€์ ธ์™€์„œ ๋ฐ˜์˜ํ•˜๋„๋ก ๐Ÿ“Œ ์ฝ”๋“œ๋ ˆ๋ฒจ์—์„œ์˜ ๊ฐ์ฒด์ง€ํ–ฅ ๊ฐ์ฒด ํ–‰๋™ + ์ƒํƒœ ์ฑ….. 2021. 5. 26.
APi ํ”„๋ ˆ์ž„์›Œํฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์˜ ์ฐจ์ด ํ•œ ์ค„ ์„ค๋ช…___ API : ํ˜ธ์ถœ์„ ์œ„ํ•œ ์ˆ˜๋‹จ , ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ทœ์•ฝ : ์–ด๋–ค ๊ธฐ๋Šฅ์„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•œ ์ˆ˜๋‹จ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ : ์ฝ”๋“œ ๊ตฌํ˜„์„ ํ•˜๋‹ค ํ•„์š”ํ•œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด ๊ฐ€์ ธ์™€ ์“ฐ๋Š” ๊ฒƒ ํ”„๋ ˆ์ž„์›Œํฌ : ๋ˆ„๊ตฐ๊ฐ€ ์ •ํ•ด๋‘” ๊ทœ์น™์„ ๋”ฐ๋ผ๊ฐ€๋ฉฐ ์ฝ”๋”ฉ์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ API (Application Programming Interface) ์‘์šฉํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ธํ„ฐํŽ˜์ด์Šค - ์‘์šฉํ”„๋กœ๊ทธ๋žจ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์šด์˜์ฒด์žฌ๋‚˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ œ์–ดํ•˜๋Š” ์ธํ„ฐํŽ˜์ด์Šค - ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ธฐ๋Šฅ ์ˆ˜ํ–‰์„ ์œ„ํ•ด ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ๋Š” ํ•จ์ˆ˜์˜ ์ง‘ํ•ฉ Ex) OpenGL Java API ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ - ํŠน์ • ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๋„๊ตฌ, ํ•จ์ˆ˜์˜ ์ง‘ํ•ฉ - ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธฐ๋Šฅ ์ˆ˜ํ–‰์„ ์œ„ํ•œ ๋„๊ตฌ์˜ ์ง‘ํ•ฉ ๊ฐ ํ•จ์ˆ˜๋“ค์€ ๋…๋ฆฝ์ ์œผ๋กœ ์ž‘๋™ํ•˜๋ฉฐ ํ•„์š”ํ•œ ํ•จ์ˆ˜๋งŒ ํ˜ธ์ถœํ•˜.. 2021. 3. 15.
์›น ์ด๋ฒคํŠธ ์งœ๊ธฐ ๋ง‰๋ง‰ํ• ๋•Œ ์œ ์ € ์‹œ๋‚˜๋ฆฌ์˜ค ์ž‘์„ฑ ex) ์—์–ด๋น„์—”๋น„ ๋‚ ์งœ ํด๋ฆญ 1. ํด๋ฆญ-> ํ˜„์žฌ ๋‹ฌ๋ ฅ ๋ณด์—ฌ์คŒ : ํด๋ฆญ -> ๋นˆ ๋ ˆ์ด์–ด ๋ณด์ด๊ฒŒ : ๋‹ฌ๋ ฅ : ํ…์ŠคํŠธ ๋‚˜์—ด 1234....31 2. ๋‹ฌ๋ ฅ์„ ํ‘œ๋กœ ํ‘œํ˜„ : ์ด๋ฒˆ๋‹ฌ ๋‚ ์งœ ๋ฝ‘์•„์˜ค๊ธฐ : 5๊ฐœ ํ–‰ ๋ฐ˜๋ณต์‹œํ‚ค๊ธฐ : ๋ฐ˜๋ณต์‹œํ‚ค๋ฉฐ ์š”์ผ ๋งž์ถ”๊ธฐ -> ํ•จ์ˆ˜ ๋งŒ๋“ค๊ธฐ 3. ์Šค์ผˆ๋ ˆํ†ค ์ฝ”๋“œ๋กœ ํ•จ์ˆ˜ ์ž‘์„ฑ /* ๋ฏธ์…˜ : ~~~~ ๋ฆฌํ„ด : ~~~~ */ function getDate() { } /* ๋ฏธ์…˜ : ~~~~ ๋ฆฌํ„ด : ~~~~ */ function itrateDate() { } TextCase ๊ธฐ๋Šฅ์ด ์ž˜ ๋Œ์•„๊ฐ€๋Š”์ง€ test ํ•ด๋ณด๋Š” [] ์ด๋ฒˆ๋‹ฌ ๋‚ ์งœ๋“ค ๋ฝ‘์•„์˜ค๊ธฐ [] 4-6๊ฐœ ํ–‰์„ ๋ฐ˜๋ณต์‹œํ‚ค๊ธฐ [] ๋ฐ˜๋ณตํ•˜๋ฉฐ ์š”์ผ ๋งž์ถ”๊ธฐ [] ํ† ์š”์ผ ์ผ์š”์ผ ๋ณ„๋„ ์ฒ˜๋ฆฌ [] ์˜ค๋Š˜ ๋‚ ์งœ ํ•˜์ด๋ผ์ดํŠธ ๊ตฌํ˜„ํ•  ๊ธฐ๋Šฅ๋“ค์„ ํ•ญ๋ชฉ์œผ๋กœ ์ •๋ฆฌ.. 2021. 2. 18.
๋ฐ˜์‘ํ˜•