๊ด€๋ฆฌ ๋ฉ”๋‰ด

Seungdols Company

๊ทธ๋ƒฅ ์ €๋ƒฅ #์œ„ํด๋ฆฌ๋‰ด์Šค #84 ๋ณธ๋ฌธ

์Šน๋Œ ์“ฐ๋‹ค

๊ทธ๋ƒฅ ์ €๋ƒฅ #์œ„ํด๋ฆฌ๋‰ด์Šค #84

๊ธ€์“ฐ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ seungdols 2020. 8. 3. 23:20

๐Ÿ’ปFor Developers

'์›น ํฌ๋กค๋Ÿฌ' ์ข€ ๊ทธ๋งŒ ๋งŒ๋“ค์–ด๋ผ

  • ์›น ํฌ๋กค๋Ÿฌ์— ๋Œ€ํ•œ ๋ช…ํ™•ํ•œ ๊ธฐ์ค€์„ ์ œ์‹œํ•˜๊ณ  ์žˆ๋Š”๋ฐ, ์ด ๊ธ€์ด ํŠธ์œ„ํ„ฐ์—์„œ ํ•ซํ–ˆ๋Š”๋ฐ, ํŠน์œ ์˜ ๋ฌธ์ฒด ๋•Œ๋ฌธ์ด์ง€ ์•Š์„๊นŒ? ์‹ถ๋‹ค. ์‚ฌ์‹ค ๊ธ€์˜ ๋‚ด์šฉ์œผ๋กœ๋Š” ๋งž๋Š” ๋ง์ด ์žˆ๋Š”๋ฐ, ๋˜ ๋„ˆ๋ฌด ๊ณผ๊ฒฉํ•œ ํ‘œํ˜„์ด ๋ฌธ์ œ์ด์ง€ ์•Š์„๊นŒ? ์ƒ๊ฐ ํ•˜๋‹ค๊ฐ€๋„, ์–ด๋–ค ์ด๋“ค์€ ์ด๋Ÿฐ ๋ฌธ์ฒด์˜ ๊ธ€์„ ์ข‹์•„ํ•˜๊ฒ ๋‹ค ์ƒ๊ฐ ํ–ˆ๋‹ค.

ํ•ด์™ธ์ทจ์—… ํ›„๊ธฐ 1. ํ”„๋กค๋กœ๊ทธ

  • ํ•ด์™ธ ์ทจ์—…์— ๋Œ€ํ•œ ๊ณ„๊ธฐ์™€ ์ค€๋น„ ๊ณผ์ • ์‹ค์ œ ์ธํ„ฐ๋ทฐ ์ง„ํ–‰ํ•œ ํ›„๊ธฐ๋ฅผ ์ •๋ง ์ž์„ธํ•˜๊ฒŒ ์•Œ ์ˆ˜ ์žˆ๋‹ค.

Google Coding Interview๏ฝœ๊ตฌ๊ธ€ ์‹ ์ž… ์—”์ง€๋‹ˆ์–ด ์ธํ„ฐ๋ทฐ ์ค€๋น„ ํ›„๊ธฐ

Google's Foobar Coding Challenge๏ฝœ๊ตฌ๊ธ€ ํ‘ธ๋ฐ” ์ฑŒ๋ฆฐ์ง€ ํ›„๊ธฐ

  • ์›๋ž˜ ์œ„์˜ ๊ตฌ๊ธ€ ์—”์ง€๋‹ˆ์–ด ์ธํ„ฐ๋ทฐ ์ค€๋น„ ํ›„๊ธฐ๋ฅผ ๋ณด๋‹ค๊ฐ€ ํ‘ธ๋ฐ” ์ฑŒ๋ฆฐ์ง€๋ฅผ ํ†ตํ•ด ์ธํ„ฐ๋ทฐ๋ฅผ ๋ณด๊ฒŒ ๋˜์…จ๋‹ค๊ณ  ํ•˜์…”์„œ, ๊ทธ์— ๋Œ€ํ•œ ๊ด€๋ จ ๊ธ€๋„ ๊ฐ™์ด ๊ฐ€์ ธ์™”๋Š”๋ฐ, ํ•ด์™ธ ์ทจ์—…์ด๋‚˜ ๊ตฌ๊ธ€ ์ทจ์—…์— ๊ด€์‹ฌ์ด ๋งŽ์œผ์‹  ๋ถ„๋“ค์ด๋ผ๋ฉด, ํฅ๋ฏธ๋กญ๊ฒŒ ์ฝ์„ ์ˆ˜ ์žˆ๊ณ  ๋„์›€์ด ๋˜๋Š” ๋ถ€๋ถ„๋“ค์ด ๋งŽ์œผ๋‹ˆ๊นŒ ๊ผญ ์ฝ์–ด ๋ณด๊ธฐ๋ฅผ ์ถ”์ฒœ ํ•œ๋‹ค.

์นด์นด์˜ค ๊ฐœ๋ฐœ์ž๊ฐ€ ์นด์นด์˜ค์Šค๋Ÿฝ๊ฒŒ ์ผํ•˜๋Š” ๋ฐฉ๋ฒ• - ์• ์ž์ผ์ฝ”์น˜ํŒŒํŠธ

  • ์นด์นด์˜ค๊ฐ€ ์นด์นด์˜ค์Šค๋Ÿฝ๊ฒŒ ์ผ ํ•˜๊ธฐ ์œ„ํ•ด ์ตœ๊ทผ ์• ์ž์ผ ์ฝ”์น˜ ํŒŒํŠธ๋ฅผ ์‹ ์„ค ํ–ˆ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ, ๋ชฉํ‘œ์™€ ์–ด๋–ป๊ฒŒ ์šด์˜ ๋˜๊ณ  ์žˆ๋Š”์ง€ ๋‚˜์™€ ์žˆ๋‹ค! ๊ทธ๋Ÿฐ๋ฐ, "์ด๋ ‡๊ฒŒ ํ•˜๊ณ  ์žˆ๋‹ค"์— ๋Œ€ํ•œ ํ•ต์‹ฌ์ด ์•ฝ๊ฐ„ ์—†๋Š” ๋Š๋‚Œ์ด๋ผ ์•„์‰ฌ์› ๋‹ค.

ํ”๋“ค๋ฆฌ๋Š” ๋„์ปค(Docker)์˜ ์œ„์ƒ: OCI์™€ CRI ์ค‘์‹ฌ์œผ๋กœ ์žฌํŽธ๋˜๋Š” ์ปจํ…Œ์ด๋„ˆ ์ƒํƒœ๊ณ„

  • ๋„์ปค๊ฐ€ ์ปจํ…Œ์ด๋„ˆ ๊ณ„์˜ ํ‘œ์ค€์œผ๋กœ ์ž๋ฆฌ๋ฅผ ์žก์•„ ์™”์œผ๋‚˜, ํ˜„์žฌ ์ปจํ…Œ์ด๋„ˆ ์ƒํƒœ๊ณ„๋Š” ๋„์ปค๋ฅผ ๋Œ€์ฒด ํ•˜๋ ค๋Š” ์›€์ง์ž„์„ ๋ณด์ด๊ณ  ์žˆ๋Š”๋ฐ, ์ด์— ๋Œ€ํ•œ ์ด์œ ์™€ ๋Œ€์•ˆ์œผ๋กœ ๋‚˜์˜จ ๊ธฐ์ˆ ๋“ค์— ๋Œ€ํ•ด ์„ค๋ช… ํ•˜๊ณ  ์žˆ๋‹ค.

๐Ÿ–ฅBack-End(Java)

[Java] Comparable vs Comparator ๋น„๊ต

  • ๋‘ ์ธํ„ฐํŽ˜์ด์Šค์˜ ์‚ฌ์šฉ๊ณผ ์˜ˆ์‹œ ๊ทธ๋ฆฌ๊ณ  ๋ฌด์—‡์ด ๋‹ค๋ฅธ์ง€์— ๋Œ€ํ•ด ์ƒ์„ธํ•˜๊ฒŒ ์†Œ๊ฐœ ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๋” ๋‚˜์•„๊ฐ€ ํ”ํžˆ ์ž˜ ๋ชจ๋ฅผ๋งŒํ•œ ์ •๋ณด๋ฅผ ์ž์„ธํ•˜๊ฒŒ ์„ค๋ช…ํ•˜๊ณ  ์žˆ๋‹ค.

System.console() vs. System.out | Baeldung

  • Java์—์„œ ์ถœ๋ ฅ์— ๋Œ€ํ•œ ๋‘ ๊ฐ€์ง€์ธ System.console()๊ณผ System.out ๋‘ ์ฐจ์ด์— ๋Œ€ํ•ด ์„ค๋ช… ํ•˜๊ณ  ์žˆ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ์–ด๋ ต์ง€ ์•Š์€ ๋‚ด์šฉ์ด๋ผ ์ดํ•ด๊ฐ€ ์‰ฝ๊ฒŒ ์“ฐ์—ฌ ์žˆ๋‹ค.

๐Ÿ–ฅFront-End(JavaScript)

Google JavaScript Technical Interview

  • Google JavaScript ๊ธฐ์ˆ  ์ธํ„ฐ๋ทฐ์ธ๋ฐ, ์ผ๋‹จ ๊ฐ€์žฅ ๊ด€๊ฑด์€ Callback๊ณผ Promise์— ๋Œ€ํ•œ ํ™•์‹คํ•œ ๊ฐœ๋… ์ดํ•ด?! ์ค‘์š”ํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ๋ณด๋‹ค ๋ณด๋‹ˆ ๋‚˜๋Š” ์ •๋ง ์–•๊ฒŒ ์•Œ๊ณ  ์žˆ๊ตฌ๋‚˜ ์‹ถ์—ˆ๋‹ค. ๋”๋ถˆ์–ด Async/Await ์— ๋Œ€ํ•œ ๊นŠ์€ ์ดํ•ด...๊ฐ€ ์ค‘์š”ํ•˜๋‹ค.

Use ternaries rather than && in JSX

  • && ๋ณด๋‹ค ์‚ผํ•ญ ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•˜๋ผ๋Š” ๊ธ€์ธ๋ฐ, ์™œ ์‚ผํ•ญ ์—ฐ์‚ฐ์ž๊ฐ€ ๋” ์ข‹์€์ง€ ์„ค๋ช…ํ•˜๊ณ  ์žˆ๋‹ค.

deno ์ฒซ ์™ธ์ฃผ ํ›„๊ธฐ

  • Rust ํ”„๋กœ์ ํŠธ์˜ SWC์— ๋Œ€ํ•œ ์ˆ˜์ • ์™ธ์ฃผ๋ฅผ ๋ฐ›์•„ ํ•ด๋‹น ์ž‘์—…์„ ์ง„ํ–‰ํ•œ ํ›„๊ธฐ๋ฅผ ๋‚จ๊ฒจ ์ฃผ์…จ๋Š”๋ฐ, Rust๋Š” ์ž˜ ๋ชจ๋ฅด๊ธฐ๋„ ํ•˜๊ณ , Deno์— ๋Œ€ํ•ด์„œ๋„ ๋Œ€์ถฉ ์ปจ์…‰๋งŒ ์•„๋Š” ํ„ฐ๋ผ ์ข€ ์‹ ๊ธฐํ•˜๊ธฐ๋„ ํ•˜๋ฉด์„œ ์žฌ๋ฐŒ๊ฒŒ ์ฝ์—ˆ๋‹ค. ๊ทผ๋ฐ, ์ •๋ง ๋Œ€๋‹จํ•œ๊ฑด, ๊ฐœ์ธ ์˜คํ”ˆ ์†Œ์Šค ํ”„๋กœ์ ํŠธ์‹ ๋ฐ ์Šคํƒ€์ˆ˜๊ฐ€ 8700๊ฐœ๋ฅผ ๋ฐ›์€ ํ”„๋กœ์ ํŠธ์ด๋‹ค. (๋ถ€๋Ÿฝ๋‹ค....)

์›นํŽ˜์ด์ง€ ๋‹คํฌ ๋ชจ๋“œ ์ง€์›ํ•˜๊ธฐ

  • ์›น ํŽ˜์ด์ง€ ๋‹คํฌ ๋ชจ๋“œ๋ฅผ ์ •๋ง ์†์‰ฝ๊ฒŒ ์ ์šฉ ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์†Œ๊ฐœ ํ•˜๊ณ  ์žˆ๋‹ค.

Use Chrome DevTools Like a Senior Frontend Developer

  • ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์— ๋Œ€ํ•œ ์ •๋ง ๋‹ค์–‘ํ•œ ๊ฟ€ ๊ธฐ๋Šฅ๋“ค์„ ์†Œ๊ฐœ ํ•˜๊ณ  ์žˆ๋Š” ๊ธ€์ธ๋ฐ, replay XHR ๊ธฐ๋Šฅ์€ ์ •๋ง ๋Œ€๋ฐ•์ด๋‹ค. ์ด๊ฑธ ์™œ ๋ชฐ๋ž์„๊นŒ!!!

๐Ÿ–ฑTool

Next.js 9.5

  • next.js ์ž์ฒด์— redirect, rewrite๊ฐ€ ๊ฐ€๋Šฅํ•ด์ง€๊ณ , bundle์ด ID๊ธฐ๋ฐ˜์—์„œ Content Hash๊ธฐ๋ฐ˜์œผ๋กœ ๋ฐ”๋€Œ๊ฒŒ ๋˜์–ด, ์ข€ ๋” ๋‚˜์€ ์บ์‹ฑ ์ „๋žต์œผ๋กœ ํ–ฅ์ƒ ๋˜์—ˆ๋‹ค๊ณ  ํ•œ๋‹ค. ์ถ”๊ฐ€์ ์œผ๋กœ ์šด์˜ ํ™˜๊ฒฝ์˜ React Profile๋„ ์ง€์› ๋œ๋‹ค. webpack5 ๋„ beta ๋ชจ๋“œ๋กœ ์ง€์› ํ•œ๋‹ค. Optional Catch All routes๋„ ์ข€ ๋” ์œ ์—ฐํ•˜๊ฒŒ ๊ฐœ์„  ๋˜์—ˆ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ, ์‹ค์ œ๋กœ ์จ๋ณธ ์ ์ด ์—†์–ด์„œ ์ž˜ ๋ชจ๋ฅด๊ฒ ๋‹ค.

๐Ÿ™Œ๐Ÿป ์ผ๋ฐ˜์ ์ธ

'์•„์ฃผ ์‚ฌ์†Œํ•œ ๋ถˆํŽธ'์„ ํ•ด๊ฒฐํ•ด 'ํฐ ํŠธ๋ž˜ํ”ฝ'์„ ๋งŒ๋“ค์–ด๋‚ธ ์‚ฌ์ดํŠธ โ‘ 

  • ์ธ์Šคํƒ€ ๊ณต๋ฐฑ ๋„ฃ๊ธฐ๋“ฑ ๋ถˆํŽธํ•จ์„ ์•„์ฃผ ํš๊ธฐ์ ์œผ๋กœ ์ˆ˜์ •ํ•˜์—ฌ, ์‚ฌ๋žŒ๋“ค์ด ๋งŽ์ด ์ฐพ๋Š” ์„œ๋น„์Šค๊ฐ€ ๋œ 3๊ฐ€์ง€๋ฅผ ์†Œ๊ฐœ ํ•˜๊ณ  ์žˆ๋‹ค. ์ด๋Ÿฐ๊ฒŒ ์ •๋ง ์•„์ด๋””์–ด๋ผ๊ณ  ์ƒ๊ฐ ํ•œ๋‹ค.
Tag
,

๊ณต์œ ํ•˜๊ธฐ ๋งํฌ
0 Comments
๋Œ“๊ธ€์“ฐ๊ธฐ ํผ