Skip to content
/ prepare_frontend_interview Public

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

1.3k stars 337 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

junh0328/prepare_frontend_interview

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

105 Commits

.github/ISSUE_TEMPLATE

.github/ISSUE_TEMPLATE

ย 
ย 

cs_images

cs_images

ย 
ย 

images

images

ย 
ย 

pdf

pdf

ย 
ย 

.DS_Store

.DS_Store

ย 
ย 

README.md

README.md

ย 
ย 

cs.md

cs.md

ย 
ย 

data_structure.md

data_structure.md

ย 
ย 

html_css.md

html_css.md

ย 
ย 

js.md

js.md

ย 
ย 

question_list.md

question_list.md

ย 
ย 

react.md

react.md

ย 
ย 

Repository files navigation

prepare_frontend_interview

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

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

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

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

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

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

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

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

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

contribute

โ‘  ํด๋ก  ๋ฐ›๊ธฐ / ํฌํฌ ๋ฐ›๊ธฐ

$ git clone https://github.com/junh0328/prepare_frontend_interview.git

โ‘ก ๋‚ด์šฉ ์ถ”๊ฐ€ ๋˜๋Š” ๋ณ€๊ฒฝํ•˜๊ธฐ

ex)

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

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

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

ex)

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

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

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

์˜ˆ์‹œ ์ด์Šˆ: (#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๋ž‘ ๋ญ๊ฐ€ ๋‹ค๋ฅธ๊ฐ€์š”?
    • ์‹ฌํ™”) ๊ณต๊ฐœํ‚ค (๋น„๋Œ€์นญํ‚ค) ๋ฐฉ์‹์ด ๋ญ”๊ฐ€์š”?

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

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

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

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

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

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

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

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

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

    • ์ฟ ํ‚ค, ์„ธ์…˜์„ ์™œ ์“ฐ๋‚˜์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ์ฟ ํ‚ค๊ฐ€ ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ์„ธ์…˜์ด ๋ญ”๊ฐ€์š”? ๐Ÿ”ฅ๐Ÿ”ฅ
    • ์ฟ ํ‚ค์™€ ์„ธ์…˜์˜ ์ฐจ์ด๋Š” ์–ด๋–ค ์ ์ด ์žˆ์„๊นŒ์š”? ๐Ÿ”ฅ๐Ÿ”ฅ

  • CORS ๐Ÿ”ฅ

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

  • SaaS ๐Ÿ”ฅ

    • SaaS๊ฐ€ ๋ญ”๊ฐ€์š”?
    • ๊ธฐํƒ€ ๋น„์ฆˆ๋‹ˆ์Šค ์œ ํ˜•โ€‹์€ ๋ญ๊ฐ€ ์žˆ๋‚˜์š”?

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

    • ํญํฌ์ˆ˜ ๋ฐฉ๋ฒ•๋ก ์ด๋ž€ ๋ญ”๊ฐ€์š”?
    • ์• ์ž์ผ ๋ฐฉ๋ฒ•๋ก ์ด๋ž€ ๋ญ”๊ฐ€์š”?

  • Cache ๐Ÿ”ฅ

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

  • CI CD ๐Ÿ”ฅ

    • CI CD๋ž€ ๋ญ”๊ฐ€์š”?

  • CDN ๐Ÿ”ฅ

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

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

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

  • business logic ๐Ÿ”ฅ

    • business logic ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • Snippet ๐Ÿ”ฅ

    • snippet ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • ์›นํŒฉ ๐Ÿ”ฅ

    • ์›นํŒฉ์ด๋ž€?
    • ๋ชจ๋“ˆ์ด๋ž€?
    • ๋ชจ๋“ˆ ๋ฒˆ๋“ค๋ง์ด๋ž€?
    • ์›นํŒฉ์ด ๋“ฑ์žฅํ•œ ์ด์œ  ์›นํŒฉ ์‚ฌ์šฉ ์‹œ์— ์ด์ 
    • ๋ฐ”๋ฒจ์ด๋ž€?
    • ์›นํŒฉ์˜ ์ฃผ์š” ์†์„ฑ 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)์— ๋Œ€ํ•ด ์•Œ๊ณ  ์žˆ๋‚˜์š”? ์•Œ๊ณ  ์žˆ๋‹ค๋ฉด ์•„๋Š” ๋‚ด์šฉ์— ๋Œ€ํ•ด ๋งํ•ด๋ณด์„ธ์š”

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

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

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

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

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

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

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

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

  • strict mode ๐Ÿ”ฅ

    • strict mode๊ฐ€ ๋ญ”๊ฐ€์š”?
    • strict mode๋ฅผ ํ†ตํ•ด ๋ฌด์—‡์„ ์˜ˆ๋ฐฉํ•  ์ˆ˜ ์žˆ์ฃ ?

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

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

  • this ๐Ÿ”ฅ

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

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

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

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

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

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

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

  • ์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ• ๐Ÿ”ฅ

    • spread ๋ฌธ๋ฒ•์ด ๋ญ”๊ฐ€์š”?
    • ์–ด๋–ค ์ƒํ™ฉ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์ฃ ?

  • ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น ๐Ÿ”ฅ

    • ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น์ด ๋ญ”๊ฐ€์š”?
    • ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น์€ ํฌ๊ฒŒ ์–ด๋–ค ์ข…๋ฅ˜๊ฐ€ ์žˆ๋‚˜์š”?

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

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

  • DOM ๐Ÿ”ฅ

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

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

    • ๋งˆ์šฐ์Šค ์ด๋ฒคํŠธ ํƒ€์ž…์—๋Š” ๋ญ๊ฐ€ ์žˆ๋‚˜์š”? click ๋ง๊ณ  ํด๋ฆญ์„ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ๋Š” ์ด๋ฒคํŠธ๊ฐ€ ์žˆ๋‚˜์š”?
    • ๊ทธ ์™ธ์— ์•Œ๊ณ  ์žˆ๋Š” ๋Œ€ํ‘œ์ ์ธ ์ด๋ฒคํŠธ๊ฐ€ ์žˆ๋‚˜์š”?
    • ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ๋“ฑ๋กํ•˜๋Š” ๋ฐฉ์‹์—๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”?
    • ์ด๋ฒคํŠธ ์ „ํŒŒ(propagation)์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ๋‚˜์š”?
    • ์ด๋ฒคํŠธ ์œ„์ž„(delegation)์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ ์žˆ๋‚˜์š”? ๐Ÿ”ฅ
    • e.preventDefault ์— ๋Œ€ํ•ด ์•Œ๊ณ  ์žˆ๋‚˜์š”?
    • e.stopPropagation

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

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

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

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

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

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

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

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

  • Ajax ๐Ÿ”ฅ

    • Ajax๊ฐ€ ๋ญ”๊ฐ€์š” ์–ด๋–ค ๊ฒƒ์„ ๋‹ด๋‹นํ•˜๊ณ  ์žˆ์ฃ ?
    • Ajax๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ธฐ์กด ๋ฐฉ์‹๊ณผ ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ์„๊นŒ์š”?
    • JSON ์ด ๋ญ”๊ฐ€์š”?
    • JSON์ด ์ œ๊ณตํ•˜๋Š” ์ •์  ํ”„๋กœํ† ํƒ€์ž… ๋ฉ”์„œ๋“œ์— ๋Œ€ํ•ด ๋ช‡๊ฐ€์ง€ ๋งํ•ด๋ณผ ์ˆ˜ ์žˆ๋‚˜์š”?
    • Ajax๋กœ HTTP ์š”์ฒญ์„ ๋ณด๋‚ด๊ธฐ ์œ„ํ•ด์„œ๋Š” ์–ด๋–ค ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‚˜์š”?
    • XMLHttpRequest์™€ fetch ๋ฉ”์„œ๋“œ์˜ ์ฐจ์ด๋Š” ๋ฌด์—‡์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜์‹œ๋‚˜์š”? ๐Ÿ”ฅ

  • REST API ๐Ÿ”ฅ

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

  • Promise ๐Ÿ”ฅ

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

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

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

  • ์—๋Ÿฌ ๐Ÿ”ฅ

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

  • ๋ชจ๋“ˆ ๐Ÿ”ฅ

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

โ‘ฃ React

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

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

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

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

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

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

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

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

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

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

  • ๋ฆฌ๋•์Šค์˜ ๊ธฐ๋ณธ ์›์น™์€? ๐Ÿ”ฅ๐Ÿ”ฅ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • SPA์˜ ๋‹จ์ 

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

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

    • TTV, TTI

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

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

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

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

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

  • Suspense ๐Ÿ”ฅ

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

  • ์›น ์„ฑ๋Šฅ ์ตœ์ ํ™”

  • LCP๊ฐ€ ๋ญ”๊ฐ€์š”?

  • FCP๊ฐ€ ๋ญ”๊ฐ€์š”?

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

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

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

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

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

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

  • ํ ๐Ÿ”ฅ

  • ์Šคํƒ ๐Ÿ”ฅ

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

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

  • ํŠธ๋ฆฌ ๐Ÿ”ฅ

  • ํž™ ๐Ÿ”ฅ

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

๋ ˆํผ๋Ÿฐ์Šค

About

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

Topics

frontend handbook

Resources

Readme
Activity

Stars

1.3k stars

Watchers

4 watching

Forks

337 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 16

+ 2 contributors