๐Ÿ—‚๏ธํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๋ฉด์ ‘ ์งˆ๋ฌธ ๋ชจ์Œ

kim unknownยท2022๋…„ 10์›” 10์ผ
39

๊ธฐ์ˆ ๋ฉด์ ‘ ๋Œ€๋น„

๋ชฉ๋ก ๋ณด๊ธฐ
5/5
post-thumbnail
post-custom-banner

8์›” ๋ง๋ถ€ํ„ฐ ์ทจ์ค€์„ ์‹œ์ž‘ํ•˜์—ฌ ๊ฐ์‚ฌํ•˜๊ฒŒ๋„ ํ•œ ๋‹ฌ๋งŒ์— ์ทจ์—…์ด ๋˜์—ˆ๋‹ค. ํ•œ ๋‹ฌ ๋™์•ˆ ๋ฉด์ ‘์„ ๋ณด๋Ÿฌ ๋‹ค๋‹ˆ๋ฉด์„œ ๋Š๋‚€ ์ ์€ ์งˆ๋ฌธ ๋‚ด์šฉ์ด ๋‹ค ๋น„์Šทํ•ด์„œ ๋‹จ๊ณจ ์งˆ๋ฌธ ๋ฆฌ์ŠคํŠธ๋งŒ ์ž˜ ๊ณต๋ถ€ํ•ด๊ฐ€๋ฉด ๊ธฐ์ˆ  ๋ฉด์ ‘์€ ๋ฌธ์ œ ์—†๋‹ค๋Š” ๊ฒƒ์ด์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋‚ด๊ฐ€ ๋ฉด์ ‘ ๋Œ€๋น„ํ•˜๋ฉด์„œ ๊ณต๋ถ€ํ•˜๊ณ  ์‹ค์ œ๋กœ ๋ฐ›์•˜๋˜ ์งˆ๋ฌธ ๋ฆฌ์ŠคํŠธ๋ฅผ ์˜ฌ๋ ค๋ณด๋ ค๊ณ  ํ•œ๋‹ค. ์ด ๊ธ€์ด ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ๋Š” ๋„์›€์ด ๋˜๊ธธ...!๐Ÿ€


โญ์€ ์‹ค์ œ ๋ฉด์ ‘์—์„œ ์งˆ๋ฌธ ๋ฐ›์€ ๋นˆ๋„์ˆ˜๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜์—ฌ ๊ฐœ์ธ์ ์œผ๋กœ ์ƒ๊ฐํ•œ ์ค‘์š”๋„์ด๋ฏ€๋กœ ์ฐธ๊ณ ๋งŒ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค.๐Ÿ™๐Ÿป

1. ๊ธฐ์ˆ ๋ฉด์ ‘๐Ÿ’ป

1. CS

  1. ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ์›๋ฆฌ๋ฅผ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”. โญโญ

  2. ์ฃผ์†Œ์ฐฝ์— www.google.com ์„ ์ž…๋ ฅํ•˜๋ฉด ์ƒ๊ธฐ๋Š” ์ผ์„ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.

  3. ์›น ํ”„๋กœํ† ์ฝœ์ด๋ž€?

  4. HTTP์™€ HTTPS์˜ ์ฐจ์ด์ ์„ ๋งํ•ด์ฃผ์„ธ์š”.

  5. RESTFUL API๋ž€? โญ

  6. get, post ์ฐจ์ด๋ฅผ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. โญโญ

  7. ๋ธŒ๋ผ์šฐ์ € ์ €์žฅ์†Œ (๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€, ์„ธ์…˜ ์Šคํ† ๋ฆฌ์ง€, ์ฟ ํ‚ค์˜ ์ฐจ์ด) โญโญโญ

  8. JWT๋ž€?

  9. CORS๋ž€?

  10. MVC์™€ MVVM ํŒจํ„ด์˜ ์ฐจ์ด๋ฅผ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. โญ

  11. OOP (Object Oriented Programming)๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”? โญโญ

  12. CSR๊ณผ SSR์˜ ์ฐจ์ด๋ฅผ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. โญ

  13. SPA์™€ MPA์˜ ์ฐจ์ด๋ฅผ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. โญ

  14. Git์„ ์‚ฌ์šฉํ•ด๋ณด์…จ๋‚˜์š”? Git์— ๋Œ€ํ•ด ์•„๋Š” ๊ฒƒ์„ ๋งํ•ด๋ณด์„ธ์š”. โญ

  15. ์›นํŒฉ๊ณผ ๋ฐ”๋ฒจ์ด ๋ฌด์—‡์ธ๊ฐ€์š”?

  16. ๊นŠ์€๋ณต์‚ฌ์™€ ์–•์€๋ณต์‚ฌ์˜ ์ฐจ์ด์ ์„ ๋งํ•ด์ฃผ์„ธ์š”.

  17. ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•์ด๋ž€?

  18. Sementic HTML๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  19. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ํ”„๋ ˆ์ž„์›Œํฌ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.

2. JavaScript

  1. ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”? โญโญโญ

  2. ํ˜ธ์ด์ŠคํŒ…์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. โญโญโญ

  3. ํด๋กœ์ €์™€ ์Šค์ฝ”ํ”„์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. โญโญโญ

  4. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์™€ ์ผ๋ฐ˜ํ•จ์ˆ˜์˜ ์ฐจ์ด๋ฅผ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”.

  5. this์— ๋Œ€ํ•ด ์•„๋Š”๋Œ€๋กœ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”.

  6. call( ), apply( ), bind( )์˜ ์ฐจ์ด์ ์„ ๋งํ•ด์ฃผ์„ธ์š”.

  7. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ(callback, promise, async/await)์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š” โญโญโญ
    -> promise์™€ async/await์˜ ์ฐจ์ด์ ์„ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.

  8. ์ด๋ฒคํŠธ ๋ฃจํ”„๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  9. ๋งˆ์ดํฌ๋กœํƒœ์Šคํฌ ํ์™€ ํƒœ์Šคํฌ ํ์˜ ์ฐจ์ด์ ์„ ์•„์‹œ๋‚˜์š”?

  10. Promise์™€ setTimeout ์šฐ์„  ์ˆœ์œ„์— ๋Œ€ํ•ด ๋งํ•ด์ฃผ์„ธ์š”.

  11. ์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง๊ณผ ์บก์ณ๋ง์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  12. event.target๊ณผ event.currentTarget์˜ ์ฐจ์ด์ ์„ ๋งํ•ด์ฃผ์„ธ์š”.

  13. var, let, const์˜ ์ฐจ์ด์ ์„ ๋งํ•ด์ฃผ์„ธ์š”. โญโญ

  14. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์›์‹œํƒ€์ž…์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.

  15. ES6 ๋ฌธ๋ฒ• ์•„๋Š” ๊ฒƒ์ด ์žˆ๋‹ค๋ฉด ๋งํ•ด์ฃผ์„ธ์š”.

  16. forEach( )์™€ Map( )์˜ ์ฐจ์ด๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  17. Sass/Scss/css-in-js๋ฅผ ์‚ฌ์šฉํ•ด๋ณด์…จ๋‚˜์š”? (ํ˜น์€ ์ฐจ์ด์ ์„ ๋งํ•ด์ฃผ์„ธ์š”)

  18. AJAX๋ž€?

  19. HTML์ด ๋ Œ๋”๋ง ์ค‘์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‹คํ–‰๋˜๋ฉด ๋ Œ๋”๋ง์ด ๋ฉˆ์ถ”๋Š” ์ด์œ ๋ฅผ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.

  20. package.json์—์„œ dependencies์™€ devDependencies์˜ ์ฐจ์ด์ ์„ ๋งํ•ด์ฃผ์„ธ์š”.

  21. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์จ๋ณด์‹  ๊ฒฝํ—˜์ด ์žˆ๋‚˜์š”? ํƒ€์ž…์ŠคํŠธ๋ฆฝํŠธ์— ๋Œ€ํ•ด์„œ ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜์‹œ๋‚˜์š”? โญ

3. React

  1. React์— ๋Œ€ํ•ด ์•„๋Š”๋Œ€๋กœ ๋ง์”€ํ•ด์ฃผ์„ธ์š”. (์›๋ฆฌ, ํŠน์ง•, ์žฅ๋‹จ์ )

  2. Virtual DOM์ด๋ž€? Virtual DOM์„ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?
    โญโญ

  3. props์™€ state์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. โญโญ

  4. React Hook์ด ๋ฌด์—‡์ธ๊ฐ€์š”?

  5. JSX๋ž€?

  6. React ๋ผ์ดํ”„์‚ฌ์ดํด์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. โญ

  7. useMemo์™€ useCallback์˜ ์ฐจ์ด์ ์„ ๋งํ•ด์ฃผ์„ธ์š”.

  8. Class์™€ Hooks์˜ ์ฐจ์ด๋ฅผ ์•„์‹œ๋‚˜์š”?

  9. ์ „์—ญ์ƒํƒœ๊ด€๋ฆฌ ํˆด์„ ์‚ฌ์šฉํ•ด๋ณด์‹  ๊ฒฝํ—˜์ด ์žˆ๋‚˜์š”? ์žˆ๋‹ค๋ฉด ๋ง์”€ํ•ด์ฃผ์„ธ์š”.


2. ์ธ์„ฑ๋ฉด์ ‘๐Ÿค”

  1. ์ž๊ธฐ์†Œ๊ฐœ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

  2. ์™œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ์€๊ฐ€์š”?(์ „์—…ํ–ˆ๋‹ค๋ฉด ๊ทธ ์ด์œ ), ๊ฐœ๋ฐœ์ž๋Š” ์–ด๋–ค ์ง์—…์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋‚˜์š”?

  3. ๋ณธ์ธ์ด ์ƒ๊ฐํ•˜๋Š” ๋ณธ์ธ์˜ ์„ฑ๊ฒฉ ์žฅ๋‹จ์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  4. ์™œ ๊ตณ์ด ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ์„ ํƒํ–ˆ๋‚˜์š”? ํ”„๋ก ํŠธ์—”๋“œ๋ž€ ์–ด๋–ค ๋ถ„์•ผ์ธ๊ฐ€์š”?

  5. ๊ฐœ๋ฐœ์ž๋กœ์„œ ์ค‘์š”ํ•˜๊ฒŒ ์ƒ๊ฐํ•˜๋Š” ์ ์ด ์žˆ๋‹ค๋ฉด ๋ฌด์—‡์ธ๊ฐ€์š”?

  6. ๊ฐœ๋ฐœ์€ ํ‰์ƒ ๊ณต๋ถ€ํ•ด์•ผํ•˜๋Š” ๋ถ„์•ผ์ธ๋ฐ ์–ด๋–ค ์‹์œผ๋กœ ํ•™์Šต์„ ํ•˜๊ณ  ์žˆ๋‚˜์š”?
    ๋ณธ์ธ๋งŒ์˜ ํ•™์Šต๋ฒ•์ด ์žˆ๋‹ค๋ฉด?

  7. ๊ฐœ๋ฐœ์ž๋กœ์„œ ๋ชฉํ‘œ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”? ํ˜น์€ ๋ณธ์ธ์˜ ์ธ์ƒ์˜ ๋ชฉํ‘œ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  8. ์ตœ๊ทผ ๊ณต๋ถ€ํ•ด๋ณด๊ณ  ์‹ถ์€ ๊ธฐ์ˆ ์ด ์žˆ๋‹ค๋ฉด ๋ฌด์—‡์ด ์žˆ์„๊นŒ์š”?

  9. ์ŠคํŠธ๋ ˆ์Šค ๊ด€๋ฆฌ๋Š” ์–ด๋–ป๊ฒŒ ํ•˜์‹œ๋‚˜์š”?

  10. ํ”„๋ก ํŠธ์—”๋“œ๋Š” ๊ธฐ์ˆ ์ด ๋น ๋ฅด๊ฒŒ ๋ณ€ํ™”ํ•˜๋Š” ๋ฐ ๋‘๋ ค์›Œํ•˜์ง„ ์•Š๋‚˜์š”?

  11. ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์–ด๋ ค์› ๋˜ ์ ๊ณผ ์–ด๋–ป๊ฒŒ ๊ทน๋ณตํ–ˆ๋Š”์ง€ ๋งํ•ด์ฃผ์„ธ์š”.

  12. ๋งˆ์ง€๋ง‰์œผ๋กœ ํšŒ์‚ฌ์— ๊ถ๊ธˆํ•œ ์  ํ˜น์€ ํ•˜๊ณ  ์‹ถ์€ ๋ง

profile
๊ณผ๊ฑฐ์˜ ๋‚˜์—๊ฒŒ ๋ฌป๊ธฐ ์œ„ํ•œ ๊ธฐ๋ก
post-custom-banner

1๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2023๋…„ 8์›” 31์ผ

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ