Skip to content
Projects

junh0328/prepare_frontend_interview

View on GitHub

junh0328/prepare_frontend_interview has 1,737 GitHub stars and 385 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-08 02:13 UTC. Last push 2026-08-17.

How these counts are measured

๐Ÿ“š ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ๋ฉด์ ‘์„ ์œ„ํ•œ ํ•ธ๋“œ๋ถ ๋งŒ๋“ค๊ธฐ

1,737 stars385 forks

Measured star growth

in 24h
0
in 7 days
Update delayed
in 15 days
Update delayed
in 1 month
Update delayed

Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.

README.md

Original

prepare_frontend_interview (2025-11-11)

ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ๋ฉด์ ‘์„ ์œ„ํ•œ ํ•ธ๋“œ๋ถ ๋งŒ๋“ค๊ธฐ

๋ฉด์ ‘์˜ ์ธํ„ฐ๋ทฐ์–ด ๋ถ„๋“ค์ด JS์˜ ์ˆ˜ ๋งŽ์€ ๊ฐœ๋…๋“ค์„ ์ˆœ์„œ๋Œ€๋กœ ์งˆ๋ฌธ์„ ํ•˜์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์—ฐ๊ด€๋˜์–ด ์žˆ๋Š” ๊ฐœ๋…๋“ค์„ ์ˆœ์„œ๋Œ€๋กœ ๋‚˜์—ดํ•˜๊ณ  ํ•ธ๋“œ๋ถ ํ˜•์‹์œผ๋กœ ๋ณด๋‹ค ๋ณด๋ฉด,

๋ชจ๋ฅด๋Š” ๊ฐœ๋…์„ ํŒŒ์•…ํ•˜๊ณ  ํ•œ๋ˆˆ์— ๋ณด๋Š” ๊ฒƒ์— ์žˆ์–ด์„œ ๋„์›€์ด ๋˜์ง€ ์•Š์„๊นŒ ์‹ถ์–ด ์ œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

ํฌ๊ฒŒ โ‘  CS โ‘ก HTML/CSS โ‘ข JavaScript ๋กœ ๋‚˜๋ˆ„์—ˆ์Šต๋‹ˆ๋‹ค

โ‘  CS์ธ computer science์—๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ด์™ธ์— ์ง€์‹๋“ค์— ๋Œ€ํ•œ ์กฐ๊ธˆ ์žก๋‹คํ•œ ๋‚ด์šฉ์ด ๋‹ด๊ธธ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค

๋ชฉ์ฐจ๋ฅผ ๋ณด๊ณ  ํ•ด๋‹น ๋‚ด์šฉ์ด ๋งˆ์Œ์— ๋“œ์‹ค ๊ฒฝ์šฐ์— ๋ณด์‹œ๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค!

์งˆ๋ฌธ์˜ ๋นˆ๋„

โ‘  JS > โ‘ก CS > โ‘ข React > โ‘ฃ HTML/CSS

๐Ÿ“š ํ•™์Šต ๊ฐ€์ด๋“œ

ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง ๊ฐ€์ด๋“œ (2025-11-11)

CLAUDE CODE์™€ ํ˜‘์—…ํ•˜์—ฌ ์ด ํ•ธ๋“œ๋ถ์„ ๊ฐœ์„ ํ•œ ์‹ค์ œ ๊ณผ์ •์„ ๋‹ด์€ ๊ฐ€์ด๋“œ์ž…๋‹ˆ๋‹ค.

  • โœ… ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง ๊ธฐ์ดˆ
  • โœ… ์‹ค์ œ ํ”„๋กœ์ ํŠธ ๋‹จ๊ณ„๋ณ„ ๋ถ„์„ (js.md ๊ณ ๋„ํ™” ์‚ฌ๋ก€)
  • โœ… ํ•ต์‹ฌ ์ „๋žต 5๊ฐ€์ง€
  • โœ… ์‹ค์ „ ํŒ 7๊ฐ€์ง€
  • โœ… ์‹œ๋‚˜๋ฆฌ์˜ค๋ณ„ ํ”„๋กฌํ”„ํŠธ ์˜ˆ์‹œ
  • โœ… ์‹œ๊ฐ„ ์ ˆ๊ฐ ํšจ๊ณผ: 77-88%

๋Œ€์ƒ: ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง์„ ์ฒ˜์Œ ์ ‘ํ•˜๋Š” ๊ฐœ๋ฐœ์ž ๋‚œ์ด๋„: ์ดˆ๊ธ‰ ~ ์ค‘๊ธ‰ ์†Œ์š” ์‹œ๊ฐ„: ์•ฝ 20-30๋ถ„

๐Ÿ’ก AI๋ฅผ ํ™œ์šฉํ•œ ๋ฌธ์„œ ์ž‘์—…, ์ฝ”๋“œ ๋ฆฌ๋ทฐ, ๋ฆฌํŒฉํ† ๋ง ๋“ฑ์— ๊ด€์‹ฌ ์žˆ๋Š” ๋ถ„๋“ค๊ป˜ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค!

contribute

๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •

ํ•„์ˆ˜ ๋„๊ตฌ: Node.js v22 ์ด์ƒ, pnpm

# โ‘  ํด๋ก  ๋ฐ›๊ธฐ / ํฌํฌ ๋ฐ›๊ธฐ
$ git clone https://github.com/junh0328/prepare_frontend_interview.git
$ cd prepare_frontend_interview

# โ‘ก ์˜์กด์„ฑ ์„ค์น˜
$ pnpm install

# โ‘ข ๋กœ์ปฌ ๊ฐœ๋ฐœ ์„œ๋ฒ„๋กœ ๋ฏธ๋ฆฌ๋ณด๊ธฐ (http://localhost:5173)
$ pnpm run docs:dev

๋ฐฐํฌ ๊ตฌ์กฐ

์ด ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋Š” VitePress + Vercel๋กœ ๋ฐฐํฌ๋ฉ๋‹ˆ๋‹ค.

๋ฃจํŠธ .md ํŒŒ์ผ ์ˆ˜์ • โ†’ (pre-commit hook) โ†’ docs/ ์ž๋™ ๋™๊ธฐํ™” โ†’ push/PR โ†’ Vercel ์ž๋™ ๋ฐฐํฌ
  • ๋ฐฐํฌ ์‚ฌ์ดํŠธ: https://prepare-frontend-interview.vercel.app/
  • ๋ฃจํŠธ์˜ .md ํŒŒ์ผ์ด ์›๋ณธ์ž…๋‹ˆ๋‹ค. docs/ ๋””๋ ‰ํ† ๋ฆฌ๋Š” ์ž๋™ ์ƒ์„ฑ๋˜๋ฏ€๋กœ ์ง์ ‘ ์ˆ˜์ •ํ•˜์ง€ ๋งˆ์„ธ์š”.
  • ์ปค๋ฐ‹ ์‹œ pre-commit hook์ด ์ž๋™ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค (ํฌ๋งทํŒ… โ†’ ๋ฆฐํŠธ โ†’ docs/ ๋™๊ธฐํ™”). ๋ฆฐํŠธ ์—๋Ÿฌ๊ฐ€ ์žˆ์œผ๋ฉด ์ปค๋ฐ‹์ด ์ฐจ๋‹จ๋ฉ๋‹ˆ๋‹ค.
  • PR์„ ์˜ฌ๋ฆฌ๋ฉด Vercel Preview๊ฐ€ ์ž๋™ ์ƒ์„ฑ๋˜์–ด, ๋ณ‘ํ•ฉ ์ „์— ๋ฐฐํฌ ๊ฒฐ๊ณผ๋ฅผ ๋ฏธ๋ฆฌ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฝ˜ํ…์ธ  ์ˆ˜์ • ๋ฐฉ๋ฒ•

โ‘  ๋ฃจํŠธ์˜ .md ํŒŒ์ผ์— ๋‚ด์šฉ ์ถ”๊ฐ€ ๋˜๋Š” ๋ณ€๊ฒฝํ•˜๊ธฐ

ex)

- [ํƒ€์ž…๊ณผ ์ธํ„ฐํŽ˜์ด์Šค ๐Ÿ”ฅ](#ํƒ€์ž…๊ณผ-์ธํ„ฐํŽ˜์ด์Šค) >>> [xxx](#xxx) ๋งˆํฌ๋‹ค์šด ๊ตฌ์กฐ

  - ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์™œ ์“ฐ๋‚˜์š”? (๋ณธ์ธ์ด ๋Š๋‚€์ )
  - ํƒ€์ž…๊ณผ ์ธํ„ฐํŽ˜์ด์Šค์˜ ์ฐจ์ด๋ฅผ ์•„๋‚˜์š”?
  - ์ œ๋„ค๋ฆญ์ด๋ž€?

โ‘ก ๋ชฉ์ฐจ์—๋„ ํ•ด๋‹น ๋‚ด์šฉ ์ถ”๊ฐ€ํ•˜๊ธฐ

ex)

- `ํƒ€์ž…๊ณผ ์ธํ„ฐํŽ˜์ด์Šค ๐Ÿ”ฅ` >>> ๋ฐฑํ‹ฑ ๋‚ด๋ถ€์— ์ œ๋ชฉ ๊ทธ๋Œ€๋กœ ํ‘œ์‹œ `xxx`

  - ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์™œ ์“ฐ๋‚˜์š”? (๋ณธ์ธ์ด ๋Š๋‚€์ )
  - ํƒ€์ž…๊ณผ ์ธํ„ฐํŽ˜์ด์Šค์˜ ์ฐจ์ด๋ฅผ ์•„๋‚˜์š”?
  - ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ ์‹œ์— ์–ด๋–ค ์ƒํ™ฉ์—์„œ ํƒ€์ž…์„ ์“ฐ๊ณ  ์–ด๋–ค ์ƒํ™ฉ์—์„œ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ผ๋‚˜์š”?

โ‘ข ์ด์Šˆ ์ƒ์„ฑ ๋ฐ PR ๋‚ ๋ฆฌ๊ธฐ

์˜ˆ์‹œ ์ด์Šˆ: (https://github.com/junh0328/prepare_frontend_interview/issues/6)

ํ…œํ”Œ๋ฆฟ์„ ์ž‘์„ฑํ•ด ๋‘์—ˆ์œผ๋‹ˆ, ํ•ด๋‹น ์˜ˆ์‹œ ์ด์Šˆ์— ๋งž์ถฐ ์ž‘์„ฑํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค!

โ‘  Computer Science

  • ๋„คํŠธ์›Œํฌ ๐Ÿ”ฅ

    • ๋„คํŠธ์›Œํฌ์—์„œ ํŒจํ‚ท์ด๋ž€ ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋‚˜์š”?
    • ๋„คํŠธ์›Œํฌ์—์„œ ์ฒ˜๋ฆฌ๋Ÿ‰์€ ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋‚˜์š”?
    • ์ง€์—ฐ์‹œ๊ฐ„์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • ์ฒ˜๋ฆฌ๋Ÿ‰์€ ์–ด๋–ค ์ƒํ™ฉ์— ์˜ํ–ฅ์„ ๋ฐ›๋‚˜์š”?
    • ๋„คํŠธ์›Œํฌ ๋ณ‘๋ชฉํ˜„์ƒ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • TCP/IP ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”? ๊ฐ ๊ณ„์ธต์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‚˜์š”?
    • ์ „์†ก ๊ณ„์ธต์˜ ๋Œ€ํ‘œ์ ์ธ ๋ฐฉ์‹์€ ๋ฌด์—‡์ด ์žˆ๊ณ  ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ๋‚˜์š”? (ํ‚ค์›Œ๋“œ: TCP, UDP)
    • ๊ณ„์ธต ๊ฐ„ ๋ฐ์ดํ„ฐ ์†ก์ˆ˜์‹  ๊ณผ์ •์— ๋Œ€ํ•ด ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‚˜์š”? (ํ‚ค์›Œ๋“œ: ์บก์Šํ™”, ๋น„์บก์Šํ™”)
    • ๋„คํŠธ์›Œํฌ์—์„œ PDU์— ๋Œ€ํ•ด ์•Œ๊ณ  ์žˆ๋‚˜์š”?
    • ๋กœ๋“œ๋ฐธ๋Ÿฐ์„œ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • ARP๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • MAC ์ฃผ์†Œ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • NAT๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • HTTP ๐Ÿ”ฅ

    • HTTP๋ž€ ๋ญ”๊ฐ€์š”?
    • HTTP ํ”„๋กœํ† ์ฝœ์˜ ๊ฐ€์žฅ ํฐ ํŠน์ง•์€ ๋ญ”๊ฐ€์š”?
    • URL์€ ๋ญ”๊ฐ€์š”?
    • HTTP/1.0 ๊ณผ HTTP/1.1์˜ ์ฐจ์ด๋Š” ๋ญ”๊ฐ€์š”?
    • HTTP/1.1 ๊ณผ HTTP/2.0์˜ ์ฐจ์ด๋Š” ๋ญ”๊ฐ€์š”?
    • HTTPS๋Š” HTTP๋ž‘ ๋ญ๊ฐ€ ๋‹ค๋ฅธ๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
      • SSL/TLS ๐Ÿ”ฅ๐Ÿ”ฅ
      • OSI 7๊ณ„์ธต์—์„œ์˜ SSL/TLS ๐Ÿ”ฅ
      • HTTPS๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์„ธ ๊ฐ€์ง€ ๋ณด์•ˆ ํŠน์„ฑ ๐Ÿ”ฅ๐Ÿ”ฅ
    • ์•”ํ˜ธํ™” ํ‚ค์˜ ์ข…๋ฅ˜์— ๋Œ€ํ•ด ์•„๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
      • ๋น„๋Œ€์นญํ‚ค(๊ณต๊ฐœํ‚ค/๊ฐœ์ธํ‚ค) ์•”ํ˜ธํ™” ๐Ÿ”ฅ๐Ÿ”ฅ
      • ๋Œ€์นญํ‚ค์™€ ๋น„๋Œ€์นญํ‚ค์˜ ํ˜ผํ•ฉ ์‚ฌ์šฉ ๐Ÿ”ฅ๐Ÿ”ฅ
      • TLS ํ•ธ๋“œ์…ฐ์ดํฌ ๊ณผ์ • ๐Ÿ”ฅ๐Ÿ”ฅ
      • TLS 1.3 ํ•ธ๋“œ์…ฐ์ดํฌ (1-RTT) ๐Ÿ”ฅ๐Ÿ”ฅ
      • TLS 1.2์™€์˜ ์ฐจ์ด์  ๐Ÿ”ฅ
    • HTTPS ์ธ์ฆ์„œ ๋ฐœ๊ธ‰ ๊ณผ์ •์— ๋Œ€ํ•ด ์•„๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ

  • ์‹ค์‹œ๊ฐ„ ํ†ต์‹  ๐Ÿ”ฅ

    • SSE(Server-Sent Events)๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”? ๐Ÿ”ฅ
    • SSE๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ๋ฉ”์‹œ์ง€์˜ ์ˆœ์„œ๊ฐ€ ๋ณด์žฅ๋˜๋‚˜์š”? ๐Ÿ”ฅ
    • EventSource์™€ Fetch + ReadableStream์˜ ์ฐจ์ด๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”? ๐Ÿ”ฅ
    • WebSocket์ด ๋ฌด์—‡์ธ๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • SSE์™€ WebSocket์˜ ์ฐจ์ด๋Š” ๋ญ๊ฐ€ ์žˆ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • Polling๊ณผ Long Polling์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š” ๐Ÿ”ฅ

  • ์šด์˜์ฒด์ œ ๐Ÿ”ฅ

    • ์šด์˜์ฒด์ œ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • ์šด์˜์ฒด์ œ๋Š” ์–ด๋–ค ์—ญํ• ์„ ํ•˜๋‚˜์š”?
    • ์šด์˜์ฒด์ œ๋Š” ์–ด๋–ค ๊ตฌ์กฐ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‚˜์š”?
    • ์ปดํ“จํ„ฐ๋Š” ์–ด๋–ค ์š”์†Œ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‚˜์š”?
    • CPU๋Š” ์–ด๋–ค ์š”์†Œ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‚˜์š”?
    • CPU๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋‚˜์š”?
    • ๋ฉ”๋ชจ๋ฆฌ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • ๋ฉ”๋ชจ๋ฆฌ๋Š” ์–ด๋–ค ๊ณ„์ธต ๊ตฌ์กฐ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‚˜์š”?
    • ๋ฉ”๋ชจ๋ฆฌ๋Š” ์–ด๋–ค ๋ฐฉ์‹์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ•˜๋‚˜์š”?

  • ํ”„๋กœ์„ธ์Šค์™€ ์Šค๋ ˆ๋“œ ๐Ÿ”ฅ

    • ํ”„๋กœ์„ธ์Šค๊ฐ€ ๋ญ”๊ฐ€์š”?
    • ์Šค๋ ˆ๋“œ๊ฐ€ ๋ญ”๊ฐ€์š”?
    • ํ”„๋กœ์„ธ์Šค์™€ ์Šค๋ ˆ๋“œ๋Š” ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ๋‚˜์š”?
    • ํ”„๋กœ์„ธ์Šค์˜ ์ปดํŒŒ์ผ ๊ณผ์ •์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ค„ ์ˆ˜ ์žˆ๋‚˜์š”?
    • ํ”„๋กœ์„ธ์Šค๋Š” ์–ด๋–ค ์ƒํƒœ ๊ฐ’์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‚˜์š”?
    • ํ”„๋กœ์„ธ์Šค๋Š” ์–ด๋–ค ๊ตฌ์กฐ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‚˜์š”? (์Šคํƒ, ํž™, ๋ฐ์ดํ„ฐ ์˜์—ญ, ์ฝ”๋“œ ์˜์—ญ)
    • PCB๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”? ์–ด๋–ค ์šฉ๋„๋กœ ์‚ฌ์šฉ๋˜๋‚˜์š”? (๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ)

  • ์‹ฑ๊ธ€ ์Šค๋ ˆ๋“œ์™€ ๋ฉ€ํ‹ฐ ์Šค๋ ˆ๋“œ ๐Ÿ”ฅ

    • ์‹ฑ๊ธ€ ์Šค๋ ˆ๋“œ ์žฅ์ 
    • ์‹ฑ๊ธ€ ์Šค๋ ˆ๋“œ ๋‹จ์ 
    • ๋ฉ€ํ‹ฐ ์Šค๋ ˆ๋“œ ์žฅ์ 
    • ๋ฉ€ํ‹ฐ ์Šค๋ ˆ๋“œ ๋‹จ์ 

  • ๊ณต์œ  ์ž์› ์ž„๊ณ„ ์˜์—ญ ๊ต์ฐฉ ์ƒํƒœ ๐Ÿ”ฅ

    • ๊ณต์œ  ์ž์›
    • ์ž„๊ณ„ ์˜์—ญ
    • ๋ฎคํ…์Šค
    • ์„ธ๋งˆํฌ์–ด
    • ๊ต์ฐฉ ์ƒํƒœ

  • ์ฟ ํ‚ค ์„ธ์…˜ ๐Ÿ”ฅ

    • ์ฟ ํ‚ค, ์„ธ์…˜์„ ์™œ ์“ฐ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ์ฟ ํ‚ค๊ฐ€ ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ์„ธ์…˜์ด ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ์ฟ ํ‚ค์™€ ์„ธ์…˜์˜ ์ฐจ์ด๋Š” ์–ด๋–ค ์ ์ด ์žˆ์„๊นŒ์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • JWT์„ ์•„๋‚˜์š”?
    • JWT๋ฅผ ์›น ์Šคํ† ๋ฆฌ์ง€์— ์ €์žฅํ•ด์•ผ ํ•œ๋‹ค๋ฉด ์–ด๋””๋‹ค ์ €์žฅํ•˜์‹œ๊ฒ ๋‚˜์š”? ์ด์œ ๋Š”์š”?

  • CORS ๐Ÿ”ฅ

    • CORS๊ฐ€ ๋ญ”๊ฐ€์š”?
    • CORS๋ฅผ ๊ฒช๊ณ  ์ง์ ‘ ํ•ด๊ฒฐํ•ด ๋ณธ ๊ฒฝํ—˜์ด ์žˆ์œผ๋ฉด ๋งํ•ด์ฃผ์„ธ์š”

  • ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•๋ก  ๐Ÿ”ฅ

    • ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ์ฃผ๊ธฐ(SDLC)์— ๋Œ€ํ•ด ์•„๋‚˜์š”?
    • ํญํฌ์ˆ˜ ๋ฐฉ๋ฒ•๋ก ์ด๋ž€ ๋ญ”๊ฐ€์š”?
    • ์• ์ž์ผ ๋ฐฉ๋ฒ•๋ก ์ด๋ž€ ๋ญ”๊ฐ€์š”?

  • Cache ๐Ÿ”ฅ

    • ์บ์‹œ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • CDN ๐Ÿ”ฅ

    • CDN์ด๋ž€ ๋ญ”๊ฐ€์š”?

  • ์›น ์„ฑ๋Šฅ ์ง€ํ‘œ ๐Ÿ”ฅ

    • Core Web Vitals๊ฐ€ ๋ญ”๊ฐ€์š”?
    • LCP๊ฐ€ ๋ญ”๊ฐ€์š”?
    • FCP๊ฐ€ ๋ญ”๊ฐ€์š”?
    • CLS๊ฐ€ ๋ญ”๊ฐ€์š”?
    • INP๊ฐ€ ๋ญ”๊ฐ€์š”?
    • TTFB๊ฐ€ ๋ญ”๊ฐ€์š”?

  • ํ…Œ์ŠคํŠธ ๐Ÿ”ฅ

    • ํ…Œ์ŠคํŠธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • ํ…Œ์ŠคํŠธ์˜ ์˜ˆ๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”?
    • ํ…Œ์ŠคํŠธ๋Š” ์™œ ํ•ด์•ผ ํ•˜๋‚˜์š”?
    • ์œ ๋‹› ํ…Œ์ŠคํŠธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • ํ†ตํ•ฉ ํ…Œ์ŠคํŠธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • E2E ํ…Œ์ŠคํŠธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • ์›นํŒฉ ๐Ÿ”ฅ

    • ์›นํŒฉ์ด๋ž€?
    • ๋ชจ๋“ˆ์ด๋ž€?
    • ๋ชจ๋“ˆ ๋ฒˆ๋“ค๋ง์ด๋ž€?
    • ์›นํŒฉ์ด ๋“ฑ์žฅํ•œ ์ด์œ  ์›นํŒฉ ์‚ฌ์šฉ ์‹œ์— ์ด์ 
    • ๋ฐ”๋ฒจ์ด๋ž€?
    • ์›นํŒฉ์˜ ์ฃผ์š” ์†์„ฑ 4๊ฐ€์ง€

  • ํƒ€์ž…๊ณผ ์ธํ„ฐํŽ˜์ด์Šค ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ

    • ์ด ๊ธ€์„ ๋ณด์‹œ๋Š” ๋ถ„๋“ค๊ป˜
    • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์™œ ์“ฐ๋‚˜์š”? (๋ณธ์ธ์ด ๋Š๋‚€์ )
    • ํƒ€์ž…๊ณผ ์ธํ„ฐํŽ˜์ด์Šค์˜ ์ฐจ์ด๋ฅผ ์•„๋‚˜์š”?
    • ํƒ€์ž…์˜ ์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž… ์ค‘ ์•Œ๊ณ  ์žˆ๋Š” ๊ฒƒ๋“ค์— ๋Œ€ํ•ด ๊ฐ€๋ณ๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”
    • ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ ์‹œ์— ์–ด๋–ค ์ƒํ™ฉ์—์„œ ํƒ€์ž…์„ ์“ฐ๊ณ  ์–ด๋–ค ์ƒํ™ฉ์—์„œ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ผ๋‚˜์š”?

โ‘ก HTML/ CSS

HTML

  • DOCTYPE ๐Ÿ”ฅ

    • DOCTYPE์— ๋Œ€ํ•˜์—ฌ ์„ค๋ช…ํ•˜์‹œ์˜ค
    • meta ํƒœ๊ทธ์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”?
    • meta ํƒœ๊ทธ์˜ ์š”์†Œ์— ๋Œ€ํ•ด์„œ ์•„๋Š”๋Œ€๋กœ ๋งํ•ด๋ณด์„ธ์š”

  • ์›น ํ‘œ์ค€ ๋ฐ ์›น ์ ‘๊ทผ์„ฑ ๐Ÿ”ฅ

    • ์›น ํ‘œ์ค€์ด๋ž€?
    • HTML5์—์„œ ์ถ”๊ฐ€๋œ ๋‚ด์šฉ์ด ์žˆ๋‚˜์š”?
    • ์›น ์ ‘๊ทผ์„ฑ์ด๋ž€?
    • ์›น ์ ‘๊ทผ์„ฑ์— ๋งž๋Š” ๋งˆํฌ์—… ์˜ˆ์‹œ ๋ช‡๊ฐ€์ง€ ๋งํ•ด๋ณด์‹œ์˜ค
    • ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€ ์™œ ์‚ฌ์šฉํ•˜๋Š”๊ฐ€
    • ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ
    • SEO๋ž€ ๋ฌด์—‡์ธ๊ฐ€?
    • Button ํƒœ๊ทธ์˜ Default type์€ ๋ฌด์—‡์ธ๊ฐ€?
    • Section ํƒœ๊ทธ์™€ article ํƒœ๊ทธ์˜ ์ฐจ์ด์ 
    • ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • ๊ทธ ์™ธ ๐Ÿ”ฅ

    • ์ด๋ฏธ์ง€ ํฌ๊ธฐ๊ฐ€ ํด ๊ฒฝ์šฐ ๋ Œ๋”๋ง ์†๋„๊ฐ€ ๋Š๋ ค์งˆํ…๋ฐ ์ด๋ฅผ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ•
    • UI๋ž€ ๋ฌด์—‡์ธ์ง€ ์„ค๋ช…ํ•˜์‹œ์˜ค

  • SVG๋ž€ ? ๐Ÿ”ฅ

    • SVG ์žฅ์ ๊ณผ ๋‹จ์ 
    • SVG ๋‚ด๋ถ€ ๋„ํ˜•์— ๋Œ€ํ•ด ์•„๋Š”๊ฒŒ ์žˆ๋‚˜์š”?

CSS

  • display ๐Ÿ”ฅ

    • block
    • inline
    • inline-block
    • none

  • position์— ๋Œ€ํ•˜์—ฌ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”. ๐Ÿ”ฅ

    • static
    • relative
    • fixed
    • absolute

  • float๊ฐ€ ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•˜๋Š”๊ฐ€ ๐Ÿ”ฅ

  • Flexbox๋‚˜ Grid ์ŠคํŽ™์„ ์‚ฌ์šฉํ•ด๋ณธ ์ ์ด ์žˆ๋‚˜์š” ? ๐Ÿ”ฅ

    • flex ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • Grid๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • ์ด๋ฏธ์ง€ ํƒœ๊ทธ๋ฅผ ์Šคํƒ€์ผ๋กœ ๋Œ€์ฒดํ•˜๋Š” ๋ฒ• ๐Ÿ”ฅ

  • ๋ฐ˜์‘ํ˜• ์›น์˜ 3์š”์†Œ ๐Ÿ”ฅ๐Ÿ”ฅ

  • CSS selector๊ฐ€ ์–ด๋– ํ•œ ์›๋ฆฌ๋กœ ๋™์ž‘ํ•˜๋‚˜์š”? ๐Ÿ”ฅ

  • ๋ฐ˜์‘ํ˜•์›น๊ณผ ์ ์‘ํ˜•์›น์— ์„ค๋ช…ํ•˜์‹œ์˜ค ๐Ÿ”ฅ

    • ๋ฐ˜์‘ํ˜• ์›น์ด๋ž€? ๐Ÿ”ฅ
    • ์ ์‘ํ˜• ์›น์ด๋ž€?

  • PX, EM์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜์‹œ์˜ค ๐Ÿ”ฅ๐Ÿ”ฅ

    • ์ ˆ๋Œ€๋‹จ์œ„
    • ์ƒ๋Œ€๋‹จ์œ„
    • px
    • em
    • ex
    • %
    • pt

  • CSS ์ ์šฉ ์šฐ์„ ์ˆœ์œ„ ๐Ÿ”ฅ๐Ÿ”ฅ

  • CSS-in-JS์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด ์ฃผ์„ธ์š”. ๐Ÿ”ฅ

  • CSS ์ „์ฒ˜๋ฆฌ๊ธฐ(CSS preprocessors)๋ฅผ ์‚ฌ์šฉํ•ด๋ณด์…จ๋‚˜์š”? ๐Ÿ”ฅ

    • ์‚ฌ์šฉํ•ด๋ดค๋‹ค๋ฉด ์žฅ์ ๊ณผ ๋‹จ์ 

  • padding๊ณผ margin์˜ ์ฐจ์ด๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”? ๐Ÿ”ฅ

    • padding์— ๋Œ€ํ•˜์—ฌ
    • margin์— ๋Œ€ํ•˜์—ฌ

โ‘ข JavaScript

  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๐Ÿ”ฅ

    • ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€ ๋ญ๋ผ๊ณ  ์ƒ๊ฐํ•˜๋‚˜์š”?
    • ์ปดํŒŒ์ผ๋Ÿฌ๋Š” ๋ญ๊ณ  ์ธํ„ฐํ”„๋ฆฌํ„ฐ๋Š” ๋ญ”๊ฐ€์š”?

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€ ๐Ÿ”ฅ

    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํŠน์ง•์€ ๋ญ๊ฐ€ ์žˆ๋‚˜์š”?

  • ๋ณ€์ˆ˜ ๐Ÿ”ฅ

    • ๋ณ€์ˆ˜๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    • ์‹๋ณ„์ž๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”? ๐Ÿ”ฅ
    • ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•œ๋‹ค๋Š” ๊ฒƒ์€ ์–ด๋–ค ๊ฒƒ์„ ์˜๋ฏธํ•˜๋‚˜์š”?
    • var ํ‚ค์›Œ๋“œ๋Š” ๋ญ”๊ฐ€์š”?
    • ํ˜ธ์ด์ŠคํŒ…์ด ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
    • var ํ‚ค์›Œ๋“œ์˜ ๋ฌธ์ œ์ ์€ ๋ฌด์—‡์ด ์žˆ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • let ํ‚ค์›Œ๋“œ๋Š” var ํ‚ค์›Œ๋“œ์™€ ์–ด๋–ค ์ ์ด ๋‹ค๋ฅธ๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
    • TDZ ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
    • const ํ‚ค์›Œ๋“œ๋Š” ์–ด๋–ค ํŠน์ง•์ด ์žˆ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ๋ฆฌํ„ฐ๋Ÿด์ด ๋ญ”๊ฐ€์š”?

  • ๋ฐ์ดํ„ฐ ํƒ€์ž… ๐Ÿ”ฅ

    • ๋ฐ์ดํ„ฐ ํƒ€์ž…์˜ ์ข…๋ฅ˜๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”? ๐Ÿ”ฅ
    • ๋ฐ์ดํ„ฐ ํƒ€์ž…์€ ์™œ ํ•„์š”ํ• ๊นŒ์š”? ๐Ÿ”ฅ
    • ์ •์  ํƒ€์ดํ•‘์ด ๋ญ”๊ฐ€์š”?
    • ๋™์  ํƒ€์ดํ•‘์ด ๋ญ”๊ฐ€์š”?

  • ํƒ€์ž…๋ณ€ํ™˜๊ณผ ๋‹จ์ถ• ํ‰๊ฐ€ ๐Ÿ”ฅ

    • truthy / falsy ํ•œ ๊ฐ’์ด ๋ญ”๊ฐ€์š”?

  • ๋ฐฐ์—ด ๐Ÿ”ฅ

    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฐฐ์—ด์€ ์ž๋ฃŒ๊ตฌ์กฐ์˜ ๋ฐฐ์—ด๊ณผ ๊ฐ™๋‚˜์š”?
    • ๋ฐฐ์—ด์˜ ๋ฉ”์„œ๋“œ๋Š” ์–ด๋–ค ์ข…๋ฅ˜๊ฐ€ ์žˆ๋‚˜์š”?
    • ๊ณ ์ฐจ ํ•จ์ˆ˜์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”?
    • forEach ๋ฉ”์„œ๋“œ์™€ map๋ฉ”์„œ๋“œ์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด ์•Œ๊ณ  ์žˆ๋‚˜์š”?

  • ๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด ๐Ÿ”ฅ

    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ฐ์ฒด๋ž€ ๋ญ˜๊นŒ์š”?
    • ํ•จ์ˆ˜์™€ ๋ฉ”์„œ๋“œ์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด ์•Œ๊ณ  ๊ณ„์‹ ๊ฐ€์š”?
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”?
    • ๊ฐ์ฒด ํ”„๋กœํผํ‹ฐ ์ ‘๊ทผ ์‹œ ๋ฉ”๋ชจ๋ฆฌ ๋™์ž‘์€ ์–ด๋–ป๊ฒŒ ๋˜๋‚˜์š”? ๐Ÿ”ฅ
    • ์ „์—ญ ๊ฐ์ฒด์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”?

  • ์›์‹œ ๊ฐ’๊ณผ ๊ฐ์ฒด ๋น„๊ต ๐Ÿ”ฅ

    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐ์ดํ„ฐ์˜ ํƒ€์ž…์„ ํฌ๊ฒŒ 2๊ฐœ๋กœ ๋‚˜๋ˆ„๋Š” ์ด์œ ๊ฐ€ ์žˆ์„๊นŒ์š”?
    • ๊ฐ’์— ์˜ํ•œ ์ „๋‹ฌ์ด ๋ญ”๊ฐ€์š”?
    • ์ฐธ์กฐ์— ์˜ํ•œ ์ „๋‹ฌ์ด ๋ญ”๊ฐ€์š”?

  • ํ•จ์ˆ˜ ๐Ÿ”ฅ

    • ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ๊ณผ ํ•จ์ˆ˜ ํ‘œํ˜„์‹์€ ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ๋‚˜์š”?
    • ์ฆ‰์‹œ ์‹คํ–‰ ํ•จ์ˆ˜(IIFE)์— ๋Œ€ํ•ด ์•Œ๊ณ  ์žˆ๋‚˜์š”? ์•Œ๊ณ  ์žˆ๋‹ค๋ฉด ์•„๋Š” ๋‚ด์šฉ์— ๋Œ€ํ•ด ๋งํ•ด๋ณด์„ธ์š”

  • ์Šค์ฝ”ํ”„ ๐Ÿ”ฅ

    • ์Šค์ฝ”ํ”„๊ฐ€ ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
    • ์Šค์ฝ”ํ”„์—๋Š” ์–ด๋–ค ์ข…๋ฅ˜๊ฐ€ ์žˆ์ฃ ? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„๋ฅผ ์•„๋‚˜์š”? ์•ˆ๋‹ค๋ฉด ๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„๋Š” ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋‚˜์š”? ๐Ÿ”ฅ
    • ์ „์—ญ ๋ณ€์ˆ˜๋กœ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋ฉด ์ƒ๊ธฐ๋Š” ๋ฌธ์ œ์ ์€ ๋ฌด์—‡์ด ์žˆ์„๊นŒ์š”?

  • ์ƒ์„ฑ์ž ํ•จ์ˆ˜์— ์˜ํ•œ ๊ฐ์ฒด ์ƒ์„ฑ ๐Ÿ”ฅ

    • ์ƒ์„ฑ์ž ํ•จ์ˆ˜๊ฐ€ ๋ญ”๊ฐ€์š”?
    • ๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด๋กœ ๋งŒ๋“ค ๋•Œ์™€๋Š” ๋ฌด์Šจ ์ฐจ์ด๊ฐ€ ์žˆ์ฃ ? ์™œ ์ƒ์„ฑ์ž ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋‚˜์š”?
    • ์ƒ์„ฑ์ž ํ•จ์ˆ˜๊ฐ€ ๊ฐ์ฒด(์ธ์Šคํ„ด์Šค)๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๊ณผ์ •์— ๋Œ€ํ•ด ๊ฐ„๋žตํ•˜๊ฒŒ ์„ค๋ช…ํ•ด์ค„ ์ˆ˜ ์žˆ๋‚˜์š”?

  • ํ•จ์ˆ˜์™€ ์ผ๊ธ‰ ๊ฐ์ฒด ๐Ÿ”ฅ

    • ์ผ๊ธ‰ ๊ฐ์ฒด๊ฐ€ ๋ญ”๊ฐ€์š”?
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํ•จ์ˆ˜๊ฐ€ ์ผ๊ธ‰ ๊ฐ์ฒด๋ผ๋ฉด, ์ผ๊ธ‰ ๊ฐ์ฒด๋กœ ๋ญ˜ ํ•  ์ˆ˜ ์žˆ๋‚˜์š”?
    • ๊ผฌ๋ฆฌ ์งˆ๋ฌธ) ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ๊ผฌ๋ฆฌ ์งˆ๋ฌธ) ์ˆœ์ˆ˜ ํ•จ์ˆ˜๊ฐ€ ๋ญ”๊ฐ€์š”? ์ผ๋ฐ˜ ํ•จ์ˆ˜์™€๋Š” ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ์ฃ ? ๐Ÿ”ฅ๐Ÿ”ฅ

  • Map๊ณผ Set ๊ทธ๋ฆฌ๊ณ  Lookup Table

  • ํ”„๋กœํ† ํƒ€์ž… ๐Ÿ”ฅ

    • ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋‚˜์š”? ๐Ÿ”ฅ
    • ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํŠน์ง•์— ๋Œ€ํ•ด ๋งํ•ด๋ณผ ์ˆ˜ ์žˆ๋‚˜์š”? ๐Ÿ”ฅ
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ธ๊ฐ€์š”?
    • ํ”„๋กœํ† ํƒ€์ž…์ด ๋ญ”๊ฐ€์š”?

  • ๋นŒํŠธ์ธ ๊ฐ์ฒด ๐Ÿ”ฅ

    • ๋นŒํŠธ์ธ ๊ฐ์ฒด๊ฐ€ ๋ญ”๊ฐ€์š”? ์ข…๋ฅ˜๋Š” ์–ด๋–ค๊ฒŒ ์žˆ์ฃ ?
    • ๋ž˜ํผ ๊ฐ์ฒด์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”?

  • this ๐Ÿ”ฅ

    • this๊ฐ€ ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ
    • this ๋ฐ”์ธ๋”ฉ์ด๋ž€? ๐Ÿ”ฅ
    • this๋Š” ๋™์ ์œผ๋กœ ๋ฐ”์ธ๋”ฉ์ด ๋œ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ ๋ฐ”์ธ๋”ฉ๋˜๋Š” ๊ฐ์ฒด๊ฐ€ ์–ด๋–ป๊ฒŒ ๋‹ค๋ฅด๋‚˜์š”?

  • ์‹คํ–‰ ์ปจํ…์ŠคํŠธ ๐Ÿ”ฅ

    • ์‹คํ–‰ ์ปจํ…์ŠคํŠธ์— ๋Œ€ํ•ด ๋งํ•ด๋ณด์„ธ์š” ๐Ÿ”ฅ๐Ÿ”ฅ

  • ํด๋กœ์ € ๐Ÿ”ฅ

    • ํด๋กœ์ €์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
    • ํด๋กœ์ €๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ญ๊ฐ€ ์ข‹์ฃ ? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ํด๋กœ์ €๋ฅผ ์–ด๋–ป๊ฒŒ ์ƒ์„ฑํ•˜๋‚˜์š”? ๐Ÿ”ฅ

  • ํด๋ž˜์Šค ๐Ÿ”ฅ

    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํด๋ž˜์Šค๊ฐ€ ์ƒ๊ธฐ๊ธฐ ์ „์—๋Š” ์–ด๋–ค ๋ฐฉ์‹์œผ๋กœ ๊ฐ์ฒด์ง€ํ–ฅ ํŒจํ„ด์„ ๊ตฌํ˜„ํ–ˆ๋‚˜์š”?
    • ๊ทธ๋Ÿผ ์ƒ์„ฑ์ž ํ•จ์ˆ˜์™€ ํด๋ž˜์Šค๋Š” ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ๋‚˜์š”?
    • ํด๋ž˜์Šค ์ •์˜
    • ํด๋ž˜์Šค์˜ ์ƒ์†

  • ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • ๐Ÿ”ฅ

    • ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ๊ณผ์ •์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด๋ณด์„ธ์š” ๐Ÿ”ฅ
    • ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ๊ณผ์ •์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋‚˜์š”? ๐Ÿ”ฅ
    • <script></script> ํƒœ๊ทธ๋ฅผ <body></body> ํƒœ๊ทธ ๋ฐ‘์— ๋‘ฌ์•ผํ•˜๋Š” ์ด์œ ๊ฐ€ ์žˆ์„๊นŒ์š”?

  • DOM ๐Ÿ”ฅ

    • DOM์ด ๋ญ”๊ฐ€์š”?
    • DOM์„ ๊ตฌ์„ฑํ•˜๋Š” ๊ฑด ๋ญ๊ฐ€ ์žˆ๋‚˜์š”?

  • ์ด๋ฒคํŠธ ๐Ÿ”ฅ

    • ๋งˆ์šฐ์Šค ์ด๋ฒคํŠธ ํƒ€์ž…์—๋Š” ๋ญ๊ฐ€ ์žˆ๋‚˜์š”? click ๋ง๊ณ  ํด๋ฆญ์„ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ๋Š” ์ด๋ฒคํŠธ๊ฐ€ ์žˆ๋‚˜์š”?
    • ๊ทธ ์™ธ์— ์•Œ๊ณ  ์žˆ๋Š” ๋Œ€ํ‘œ์ ์ธ ์ด๋ฒคํŠธ๊ฐ€ ์žˆ๋‚˜์š”?
    • ์ด๋ฒคํŠธ ์ „ํŒŒ(propagation)์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”?
    • ์ด๋ฒคํŠธ ์œ„์ž„(delegation)์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ ์žˆ๋‚˜์š”? ๐Ÿ”ฅ

  • ํƒ€์ด๋จธ ๐Ÿ”ฅ

    • ํ˜ธ์ถœ ์Šค์ผ€์ฅด๋ง์ด ๋ฌด์—‡์ธ๊ฐ€์š”?
    • ํƒ€์ด๋จธ ํ•จ์ˆ˜์—๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”?
    • ์ด๋ฒคํŠธ๊ฐ€ ๊ณผ๋„ํ•˜๊ฒŒ ํ˜ธ์ถœ๋˜์–ด ์„ฑ๋Šฅ์— ๋ฌธ์ œ๋ฅผ ์ผ์œผํ‚ฌ ๊ฒฝ์šฐ์— ํ•  ์ˆ˜ ์žˆ๋Š” ์–ด๋–ค ์ผ์„ ํ†ตํ•ด ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‚˜์š”?
    • ๋””๋ฐ”์šด์Šค์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”?
    • ์“ฐ๋กœํ‹€์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”?

  • ๋น„๋™๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๐Ÿ”ฅ

    • ๋™๊ธฐ์™€ ๋น„๋™๊ธฐ์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด์ค„ ์ˆ˜ ์žˆ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ

      • ํ•œ์ค„ ์š”์•ฝ

    • ์ด๋ฒคํŠธ ๋ฃจํ”„์™€ ํƒœ์Šคํฌ ํ์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ

    • ๋งˆ์ดํฌ๋กœํƒœ์Šคํฌ ํ์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ

    • ํƒœ์Šคํฌ ํ์™€ ๋งˆ์ดํฌ๋กœํƒœ์Šคํฌ ํ ์ค‘ ์–ด๋–ค ๊ฒƒ์ด ๋จผ์ € ์‹คํ–‰๋˜๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ

  • REST API ๐Ÿ”ฅ

    • REST API๊ฐ€ ๋ญ”๊ฐ€์š”?
    • REST API์˜ ๊ตฌ์„ฑ์€ ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋‚˜์š”?
    • REST API๋ฅผ ์„ค๊ณ„ํ•˜๋Š”๋ฐ ์ค‘์š”ํ•œ ๊ฒƒ์ด ์žˆ์„๊นŒ์š”?
    • HTTP ์š”์ฒญ ๋ฉ”์„œ๋“œ์— ๋Œ€ํ•ด์„œ ์•„๋Š”๋Œ€๋กœ ์–˜๊ธฐํ•ด๋ณด์„ธ์š”

  • Promise ๐Ÿ”ฅ

    • ์ฝœ๋ฐฑ์ด๋ž€ ๋ญ๋ผ๊ณ  ์ƒ๊ฐํ•˜๋‚˜์š”? ๐Ÿ”ฅ
    • ํ”„๋กœ๋ฏธ์Šค๊ฐ€ ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ
    • ํ”„๋กœ๋ฏธ์Šค ์ƒ์„ฑ ๋ฐฉ๋ฒ•
    • ํ”„๋กœ๋ฏธ์Šค์˜ ์ƒํƒœ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฒƒ์€ ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”? ๐Ÿ”ฅ

  • ์ œ๋„ˆ๋ ˆ์ดํ„ฐ์™€ async await ๐Ÿ”ฅ

    • ์ œ๋„ˆ๋ ˆ์ดํ„ฐ๋ž€ ๋ญ”๊ฐ€์š”? ์ผ๋ฐ˜ ํ•จ์ˆ˜์™€๋Š” ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ์ฃ ?
    • ์ œ๋„ˆ๋ ˆ์ดํ„ฐ์˜ ๊ตฌ์กฐ
    • async/await ๊ฐ€ ๋ญ”๊ฐ€์š”? ๊ธฐ์กด์˜ Promise์™€๋Š” ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ์ฃ ? ๐Ÿ”ฅ
    • Promise์™€ async/await์˜ ์ฐจ์ด์  ํ•œ ์ค„ ์š”์•ฝ ๐Ÿ”ฅ

  • ์—๋Ÿฌ ๐Ÿ”ฅ

    • ์—๋Ÿฌ์ฒ˜๋ฆฌ๋ฅผ ์™œ ํ•ด์•ผ ํ•˜๋‚˜์š”? ๐Ÿ”ฅ
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์—๋Ÿฌ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์—๋Š” ๋ญ๊ฐ€ ์žˆ์„๊นŒ์š”?

  • ๋ชจ๋“ˆ ๐Ÿ”ฅ

    • ๋ชจ๋“ˆ์ด ๋ญ”๊ฐ€์š”?

  • ๊ฐ€๋น„์ง€ ์ปฌ๋ ‰์…˜ ๐Ÿ”ฅ

    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ฐ€๋น„์ง€ ์ปฌ๋ ‰์…˜์— ๋Œ€ํ•ด ์•Œ๊ณ  ์žˆ๋‚˜์š”?

โ‘ฃ React

  • React ์‹œ์ž‘๐Ÿ”ฅ

  • ๋ฆฌ์•กํŠธ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ๊ฐ€์š” ํ”„๋ ˆ์ž„์›Œํฌ ์ธ๊ฐ€์š”?๐Ÿ”ฅ

  • ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๐Ÿ”ฅ๐Ÿ”ฅ

  • virtual DOM์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”?๐Ÿ”ฅ๐Ÿ”ฅ

  • ๋ฆฌ์•กํŠธ์˜ ๋ Œ๋”๋ง์— ๋Œ€ํ•ด ์•„๋‚˜์š”?

  • ๋ฆฌ์•กํŠธ ํŒŒ์ด๋ฒ„์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”?

  • ๋ฆฌ์•กํŠธ ํŒŒ์ด๋ฒ„ ํŠธ๋ฆฌ

  • ๋ฆฌ์•กํŠธ ํŒŒ์ด๋ฒ„์™€ DOM, Virtual DOM์˜ ๊ด€๊ณ„

  • ๋ Œ๋” ๋‹จ๊ณ„์™€ ์ปค๋ฐ‹ ๋‹จ๊ณ„์— ๋Œ€ํ•ด ์•„๋‚˜์š”?

  • ๋ฆฌ์•กํŠธ์—์„œ ๋ฆฌ๋ Œ๋”๋ง์ด ๋ฐœ์ƒํ•˜๋Š” ์กฐ๊ฑด์€ ๋ฌด์—‡์ธ๊ฐ€์š” ๐Ÿ”ฅ๐Ÿ”ฅ

  • React์—์„œ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ์™€ ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ์˜ ์ฐจ์ด ๐Ÿ”ฅ

  • ๋ฆฌ์•กํŠธ์—์„œ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๋ผ๊ณ  ๋ถ€๋ฅด์ง€ ์•Š๊ณ  ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ๋ผ๊ณ  ๋ถ€๋ฅด๋Š” ์ด์œ ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š” ๐Ÿ”ฅ

  • props์™€ state์˜ ์ฐจ์ด๐Ÿ”ฅ

  • Props๊ฐ€ ์ปดํฌ๋„ŒํŠธ๊ฐ„์— ์ „๋‹ฌ๋ฐ›๋Š” ๊ฒƒ์ด๋ผ๊ณ  ํ–ˆ๋Š”๋ฐ ์ž์‹์—์„œ ๋ถ€๋ชจ๋กœ๋„ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋Š”๊ฐ€ ๐Ÿ”ฅ

  • controlled pattern์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”?

  • uncontrolled pattern์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”?

  • FLUX์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ

  • ๋ฆฌ๋•์Šค์— ๋Œ€ํ•ด์„œ ์•„๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ

  • ํ˜„๋Œ€ ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ

  • React์—์„œ state์˜ ๋ถˆ๋ณ€์„ฑ์„ ์œ ์ง€ํ•˜๋ผ๋Š” ๋ง์ด ์žˆ๋Š”๋ฐ ์ด์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด๋‹ฌ๋ผ ๐Ÿ”ฅ

  • ๋ฆฌ๋“€์„œ ๋‚ด๋ถ€์—์„œ ๋ถˆ๋ณ€์„ฑ์„ ์ง€ํ‚ค๋Š” ์ด์œ ๋Š”? ์ „๊ฐœ ์—ฐ์‚ฐ์ž์˜ ๋‹จ์ ์„ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ธ๊ฐ€ ๐Ÿ”ฅ

  • ๋ฆฌ์•กํŠธ ์‚ฌ์šฉ์‹œ์— ๋ถ€์ˆ˜ํšจ๊ณผ๋กœ ์ธํ•ด ์ƒ๊ธฐ๋Š” ๋ฌธ์ œ์ ์ด ์žˆ๋‹ค๋ฉด ๐Ÿ”ฅ๐Ÿ”ฅ

    • ๋ถ€์ˆ˜ ํšจ๊ณผ๋ฅผ ์ผ์œผํ‚ค๋Š” ํ•จ์ˆ˜ (๋ถˆ์ˆœ ํ•จ์ˆ˜)
    • ๋ถ€์ˆ˜ ํšจ๊ณผ๋ฅผ ์ผ์œผํ‚ค์ง€ ์•Š๋Š” ํ•จ์ˆ˜ (์ˆœ์ˆ˜ ํ•จ์ˆ˜)
    • ์š”์•ฝ

  • ์ปดํฌ๋„ŒํŠธ์˜ ๋ผ์ดํ”„ ์‚ฌ์ดํด ๋ฉ”์„œ๋“œ ๐Ÿ”ฅ๐Ÿ”ฅ

    • ์ดํ•ด
    • ๋ฉ”์„œ๋“œ ์ข…๋ฅ˜ ๐Ÿ”ฅ

  • Hooks์˜ ์ข…๋ฅ˜ ๐Ÿ”ฅ๐Ÿ”ฅ

    • useState
    • useEffect
    • useReducer
    • useMemo
    • useCallback
    • useRef
    • ์ปค์Šคํ…€ Hooks

  • useMemo์™€ useCallback์˜ ์ฐจ์ด๋ฅผ ์•„๋‚˜์š” ๐Ÿ”ฅ๐Ÿ”ฅ

  • ๋ฆฌ์•กํŠธ์—์„œ setState๋Š” ๋น„๋™๊ธฐ ๋™์ž‘์ธ๊ฐ€์š” ๋™๊ธฐ ๋™์ž‘์ธ๊ฐ€์š”? ๐Ÿ”ฅ

  • setState๊ฐ€ ๋น„๋™๊ธฐ ๋™์ž‘์„ ์ทจํ–ˆ์„ ๋•Œ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ์ด์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”? ๐Ÿ”ฅ

  • useLayoutEffect๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”? ๐Ÿ”ฅ

  • ๋ฆฌ์•กํŠธ์˜ ์„ฑ๋Šฅ๊ฐœ์„  ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”

  • ์ปดํฌ๋„ŒํŠธ์—์„œ ์ด๋ฒคํŠธ๋ฅผ ์‹คํ–‰์‹œํ‚ค๊ธฐ ์œ„ํ•ด์„œ๋Š” ์–ด๋–ป๊ฒŒ ํ•ธ๋“ค๋งํ•ด์•ผ ํ•˜๋‚˜์š”?๐Ÿ”ฅ

  • SPA๊ฐ€ ๋ญ”๊ฐ€์š”?๐Ÿ”ฅ

    • SPA์˜ ๋‹จ์ 

  • SSR์ด ๋ญ”๊ฐ€์š”?๐Ÿ”ฅ

  • SEO๊ฐ€ ๋ญ”๊ฐ€์š”?๐Ÿ”ฅ

    • TTV, TTI

  • ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง์„ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•œ ๋ฆฌ์•กํŠธ API๋ฅผ ์•Œ๊ณ  ์žˆ๋‚˜์š” ?

  • ํ•˜์ด๋“œ๋ ˆ์ด์…˜์— ๋Œ€ํ•ด ์•Œ๊ณ  ์žˆ๋‚˜์š” ๐Ÿ”ฅ

  • Next์˜ ๋ Œ๋”๋ง ์ˆ˜ํ–‰ ๋ฐฉ์‹ ๐Ÿ”ฅ

  • Next๋ฅผ ์“ด ์ด์œ ๊ฐ€ ์žˆ๋‚˜์š” ? ๐Ÿ”ฅ

  • Next๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๊ธฐ๋ณธ ์„ค์ • ํŒŒ์ผ์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”? ๐Ÿ”ฅ

  • ์‚ฌ์ „ ๋ Œ๋”๋ง์„ ์œ„ํ•ด ์‚ฌ์šฉํ•ด ๋ณธ ํ•จ์ˆ˜๊ฐ€ ์žˆ๋‚˜์š” ๐Ÿ”ฅ

  • Suspense ๐Ÿ”ฅ

    • suspense๊ฐ€ ๋ญ”๊ฐ€์š”?
    • suspense๋กœ ๊ฐ€๋Šฅํ•œ ๊ฒƒ์€ ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”?

โ‘ค ์•„ํ‚คํ…์ฒ˜

๐Ÿ’ก "์•„ํ‚คํ…์ฒ˜์— ๋Œ€ํ•ด ๊ณ ๋ฏผ์ด ์žˆ์œผ์‹ ๊ฐ€์š”?"๋ผ๋Š” ์งˆ๋ฌธ์— ๋Œ€ํ•œ ๋‹ต๋ณ€ ์ „๋žต ๊ฐ€์ด๋“œ์ž…๋‹ˆ๋‹ค.

  • ์‹œ์Šคํ…œ/์ธํ”„๋ผ ์•„ํ‚คํ…์ฒ˜ ๐Ÿ”ฅ

    • ๋ชจ๋†€๋ฆฌ์‹ vs ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค vs BFF
    • BFF ๋„์ž… ๋ฐฐ๊ฒฝ๊ณผ ์ธ์ฆ/๊ถŒํ•œ ํ†ตํ•ฉ

  • ํ”„๋ก ํŠธ์—”๋“œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์•„ํ‚คํ…์ฒ˜ ๐Ÿ”ฅ๐Ÿ”ฅ

    • ์ƒํƒœ์˜ ์„ฑ๊ฒฉ์— ๋”ฐ๋ฅธ ๋„๊ตฌ ๋ถ„๋ฆฌ (์„œ๋ฒ„ ์ƒํƒœ / ์ „์—ญ ํด๋ผ์ด์–ธํŠธ ์ƒํƒœ / ๋ ˆ๊ฑฐ์‹œ)
    • ํ˜ผํ•ฉํ˜• ํด๋” ๊ตฌ์กฐ (feature ๊ธฐ๋ฐ˜ + layer ๊ธฐ๋ฐ˜)

  • ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„ ์•„ํ‚คํ…์ฒ˜ ๐Ÿ”ฅ๐Ÿ”ฅ

    • ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ ๋ž˜ํ•‘ ์ „๋žต (MUI ๋ž˜ํ•‘)
    • ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง ๋ฐฐ์น˜ ๊ธฐ์ค€ (์žฌ์‚ฌ์šฉ ์—ฌ๋ถ€)

  • ์ฝ”๋“œ ์„ค๊ณ„ ๋ ˆ๋ฒจ (๊ด€์‹ฌ์‚ฌ ๋ถ„๋ฆฌ/์˜์กด์„ฑ ๋ฐฉํ–ฅ) ๐Ÿ”ฅ

    • ์˜์กด์„ฑ ๋ฐฉํ–ฅ ํ•œ ๋ฐฉํ–ฅ ์œ ์ง€ (UI โ†’ Business Logic โ†’ Data Access)
    • TypeScript ํƒ€์ž… ์‹œ์Šคํ…œ์„ ํ™œ์šฉํ•œ ๋ ˆ์ด์–ด ๊ฐ„ ๊ณ„์•ฝ

โ‘ฅ ์ž๋ฃŒ๊ตฌ์กฐ

  • ์ž๋ฃŒ๊ตฌ์กฐ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š” ๐Ÿ”ฅ

    • ํšจ์œจ์ ์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ•ด์•ผ ํ•˜๋Š” ์ด์œ  (์˜ˆ)

  • ๋Œ€ํ‘œ์ ์ธ ์ž๋ฃŒ๊ตฌ์กฐ๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š” ๐Ÿ”ฅ

    • ์„ ํ˜• ๊ตฌ์กฐ
    • ๋น„ ์„ ํ˜• ๊ตฌ์กฐ

  • ๋ฆฌ์ŠคํŠธ ๐Ÿ”ฅ

  • ํ ๐Ÿ”ฅ

  • ์Šคํƒ ๐Ÿ”ฅ

  • ๋งํฌ๋“œ ๋ฆฌ์ŠคํŠธ ๐Ÿ”ฅ

  • ํ•ด์‰ฌ ํ…Œ์ด๋ธ” ๐Ÿ”ฅ

  • ํŠธ๋ฆฌ ๐Ÿ”ฅ

  • ํž™ ๐Ÿ”ฅ

  • ๊ทธ๋ž˜ํ”„ ๐Ÿ”ฅ

โ‘ฆ ์•Œ๊ณ ๋ฆฌ์ฆ˜๊ณผ ์ž๋ฃŒ๊ตฌ์กฐ v2

  • Frequency Counters
  • Multiple Pointers
  • Sliding Window
  • Divide and conquer
  • Recursion
  • Linear Search
  • Naive String Search
  • Binary Search
  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Merge Sort
  • Quick Sort
  • Single Linked List
  • Dobule Linked List
  • Stack
  • Queue
  • Binary Search Tree
  • Breadth First Search
  • Depth First Search
  • Binary Heap
  • Priority Queue
  • Hash Table
  • graph
  • Dijkstra
  • Dynamic Programming

๋ ˆํผ๋Ÿฐ์Šค

Explore related projects

freeCodeCamp/freeCodeCamp

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

458,754 stars

donnemartin/system-design-primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

377,329 stars

react/react

The library for web and native user interfaces.

252,409 stars

vuejs/vue

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

212,631 stars