Skip to content

Latest commit

ย 

History

History
106 lines (82 loc) ยท 5.04 KB

fe_ํ›„๊ธฐ.md

File metadata and controls

106 lines (82 loc) ยท 5.04 KB

์‹ฑ์‹ฑํ•œ FE ๊ธฐ์ˆ ์ธํ„ฐ๋ทฐ ํ›„๊ธฐ

๋ชจ๋‘ 2021๋…„ 3์›”์— ์ง„ํ–‰ํ•œ ์ธํ„ฐ๋ทฐ๋“ค์ž…๋‹ˆ๋‹ค๐Ÿ˜†



  1. J์‚ฌ(์ด์‚ฌ ์Šคํƒ€ํŠธ์—…)
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ X
  • ๋ฌธ์ œ๋ฆฌ์ŠคํŠธ๊ฐ€ ๋”ฐ๋กœ ์กด์žฌํ•˜๋Š”๋“ฏ. ํ•œ 30-40๊ฐœ ์ •๋„ ๋˜๋Š” ๋ฌธ์ œ๋ฅผ ํ€ด์ฆˆ์ฒ˜๋Ÿผ ๋‚ด๊ณ  ํ•œ์‹œ๊ฐ„๋™์•ˆ ๋‹ต๋งŒ ํ•˜๋ฉด ๋œ๋‹ค.
  • ๊ธฐ์ˆ  ์งˆ๋ฌธ only. ๋‚œ์ด๋„ ํ•˜


  1. W์‚ฌ(์š”์‹ ์Šคํƒ€ํŠธ์—…)
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ O. ๊ทธ๋ ‡๊ฒŒ ์–ด๋ ต์ง€ ์•Š์•˜๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ ˆ๋ฒจ 2์ •๋„
  • W์‚ฌ ์ž๊ธฐ์†Œ๊ฐœ์„œ ์ค‘ ์ฝ์€ ์ฑ… 3๊ถŒ์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•˜๋Š” ๋ฌธํ•ญ์ด ์žˆ์–ด ๊ทธ ๋ถ€๋ถ„์— ๋Œ€ํ•œ ์งˆ๋ฌธ์ด ์žˆ์—ˆ๋‹ค
  • ๋‹ค๋ฅธ ๊ฒƒ๋ณด๋‹ค ์ง€์›๋™๊ธฐ์— ๋Œ€ํ•ด ๊ผฌ๋ฆฌ๊ผฌ๋ฆฌ๊ผฌ๋ฆฌ ์งˆ๋ฌธํ•˜์‹ ๊ฒŒ ๊ธฐ์–ต ๋‚จ๋Š”๋‹ค.
  • ๊ฒฝ๋ ฅ ์งˆ๋ฌธ ๋ฐ˜, ๊ธฐ์ˆ  ์งˆ๋ฌธ ๋ฐ˜. ๋‚œ์ด๋„ ์ค‘


  1. D์‚ฌ(์ค‘๊ณ ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ)
  • 1์ฐจ์—์„œ ๊ฐ„๋‹จํ•œ ๊ธฐ์ˆ  ์ธํ„ฐ๋ทฐ(30๋ถ„ ์ •๋„ ์†Œ์š”)๋ฅผ ๋ณด๊ณ  (ํ€ด์ฆˆ ํ˜•์‹) 2์ฐจ์—์„œ ์‹ฌํ™”๋œ ๊ธฐ์ˆ  ์ธํ„ฐ๋ทฐ๋ฅผ ๋ณธ๋‹ค. 4๋ถ„๊ป˜์„œ ๋งŽ์ด ์งˆ๋ฌธ ํ•ด์ฃผ์‹œ๋Š”๋ฐ ๋ฆฌ์•กํŠธ ์‹ค๋ฌด ๊ฒฝํ—˜์ด ๊ผญ ํ•„์š”ํ•ด๋ณด์ธ๋‹ค.
  • ํ•œ ์‚ฌ๋žŒ์ด ํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งก์•„์„œ ํ•  ์ค„ ์•Œ์•„์•ผํ•˜๋Š”๊ฑธ ์›ํ•˜๋Š” ๊ฒƒ ๊ฐ™์•˜๋‹ค
  • ๊ฒฝ๋ ฅ ์งˆ๋ฌธ 1/3, ๊ธฐ์ˆ  ์งˆ๋ฌธ 2/3. ๋‚œ์ด๋„ ์ค‘์ƒ


  1. Y์‚ฌ(์ˆ™๋ฐ• ์Šคํƒ€ํŠธ์—…)
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ O. ์‚ด์ง ์–ด๋ ค์šด ํŽธ์ด๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ ˆ๋ฒจ 3 ์ดˆ๋ฐ˜์ •๋„..?
  • ์ธํ„ฐ๋ทฐ์—์„œ ๋‚ด๊ฐ€ ๋‚ด๋ฑ‰์€ ๋ง์˜ ๋ฐ”๋‹ฅ์˜ ๋ฐ”๋‹ฅ๊นŒ์ง€ ์•Œ์•„์•ผํ•œ๋‹ค. ๋ฌผ๋ก  ๋ฉด์ ‘๊ด€์ด ๋งํ•˜๋Š” ๋‹จ์–ด๋„ ๋ฐ”๋‹ฅ๊นŒ์ง€ ์•Œ์•„์•ผํ•œ๋‹ค.
  • ์ธํ„ฐ๋ทฐ ํ›„ ๋‚ด๊ฐ€ ๋ณธ ์ฝ”ํ…Œ์— ๋Œ€ํ•ด์„œ ๊ฐœ์„ ํ•  ์  + ์„ค๋ช… ํ•ด์•ผํ•จ. ๋‚˜๋Š” ์‚ฌ์‹ค ๋‹น์‹œ ๋ƒˆ๋˜ ์ฝ”๋“œ๊ฐ€ ์ตœ์„ ์ด๋ผ ์ƒ๊ฐํ•ด์„œ ํŠน๋ณ„ํ•˜๊ฒŒ ์ƒ๊ฐ๋‚˜๋Š” ์ ์ด ์—†์—ˆ๋‹ค.
  • ๊ฒฝ๋ ฅ ์งˆ๋ฌธ 1/3, ๊ธฐ์ˆ  ์งˆ๋ฌธ 2/3. ๋‚œ์ด๋„ ์ƒ


  1. R์‚ฌ(์ธ๊ณต์ง€๋Šฅ ์Šคํƒ€ํŠธ์—…)
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—†์ด ๋ผ์ด๋ธŒ์ฝ”๋”ฉ์„ ์ง„ํ–‰ํ•œ๋‹ค
  • ๋‚˜๋Š” ๋ผ์ด๋ธŒ์ฝ”๋”ฉ์„ ์ •๋ง ๋ชปํ•˜๋Š” ํŽธ์ด๋ผ ๋ฌธ์ œ๋ฅผ ํ’€์ง€ ๋ชปํ–ˆ๋‹ค
  • ๋ผ์ด๋ธŒ ์ฝ”๋”ฉ ํ›„์—๋Š” ๊ฒฝ๋ ฅ์— ๋Œ€ํ•œ ์งˆ๋ฌธ ๋ฟ์ด๋ผ ์–ด๋ ต์ง€ ์•Š์•˜๋‹ค
  • ๊ฒฝ๋ ฅ ์งˆ๋ฌธ only. ๋‚œ์ด๋„ ์ค‘ํ•˜


  1. F์‚ฌ(๊ธˆ์œต ์Šคํƒ€ํŠธ์—…)
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ X
  • ํ”„๋ ˆ์  ํ…Œ์ด์…˜์ด ๋‚˜์˜ค๋Š”๋ฐ ๊ฑฐ๊ธฐ ๋‚˜์˜ค๋Š” ๋‹จ์–ด๋ฅผ ์„ค๋ช…ํ•˜๋ฉด ์ด๋ฏธ์ง€๊ฐ€ ์žˆ๋Š” ์žฅ์œผ๋กœ ๋„˜์–ด๊ฐ„๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ๋˜ ํ•ด๋‹น ์ด๋ฏธ์ง€๋ฅผ ์„ค๋ช…ํ•˜๋ฉด ๋œ๋‹ค.
  • ์ง€์›์ž๊ฐ€ ์–ด๋–ค ๊ธฐ์ˆ ๋“ค์„ ์จ๋ดค๋Š”์ง€, ์–ด๋–ค๊ฑธ ๊ฐœ๋ฐœํ•ด๋ณด์•˜๋Š”์ง€ ์ด์•ผ๊ธฐ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๋Š”๋‹ค
  • ๊ฒฝ๋ ฅ ์งˆ๋ฌธ ๋ฐ˜, ๊ธฐ์ˆ  ์งˆ๋ฌธ ๋ฐ˜. ๋‚œ์ด๋„ ์ค‘


  1. E์‚ฌ(์ปค๋จธ์Šค)
  • ์›๋ž˜ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๊ฐ€ ์žˆ์ง€๋งŒ ์˜ฌํ•ด๋Š” ๊ธฐ์ˆ ์ธํ„ฐ๋ทฐ๋•Œ 10๋ถ„ PT๋ฅผ ์ง„ํ–‰ํ•˜๋Š”๊ฑธ๋กœ ๋Œ€์ฒดํ•œ๋‹ค๋Š” ์•ˆ๋‚ด๋ฅผ ๋ฐ›์•˜๋‹ค.
  • PT์ง„ํ–‰ ํ›„ ์งˆ๋ฌธ-๋Œ€๋‹ตํ•˜๊ณ  ๊ธฐ์ˆ ์— ๋Œ€ํ•œ ์งˆ๋ฌธ์„ ํ•œ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•ด ๊ฝค ๊นŠ๊ณ  ๊ฝค ๋„“์€ ์งˆ๋ฌธ๋“ค์„ ํ•œ๋‹ค. await, async ์ƒํƒœ์— ๋Œ€ํ•ด์„œ๋Š” ํ•œ๋ฒˆ๋„ ์ƒ๊ฐํ•ด๋ณด์ง€ ๋ชปํ–ˆ์—ˆ๋‹ค.
  • ๊ฒฝ๋ ฅ ์งˆ๋ฌธ 1/3, ๊ธฐ์ˆ  ์งˆ๋ฌธ 2/3. ๋‚œ์ด๋„ ์ค‘์ƒ


  1. I์‚ฌ(์ปค๋จธ์Šค)
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ O. ์—ฌ๊ธฐ ์žˆ๋Š” ๊ธฐ์—…๋“ค ์ค‘์—์„œ๋Š” ๊ฐ€์žฅ ๋‚œ์ด๋„๊ฐ€ ๋†’์•˜๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ ˆ๋ฒจ 3์ •๋„๋กœ ์‚ฌ์‹ค ๋‚˜๋Š” ์ด ๋•Œ์ฏค ์ฝ”ํ…Œ๋ฅผ ์˜ค๋žœ๋งŒ์— ํ’€์–ด์„œ ํ•œ ๋ฐ˜์ •๋„์˜ ์ ์ˆ˜๋ฅผ ๋ฐ›์•˜๋Š”๋ฐ ํ†ต๊ณผํ–ˆ๋‹ค.
  • 1์ฐจ ์ธํ„ฐ๋ทฐ 30๋ถ„ ๋ดค๋Š”๋ฐ ๋‹ค์Œ๋‚  ํ•ฉ๊ฒฉ ์ „ํ™” ์™”๋‹ค. ์›ฌ๋งŒํ•˜๋ฉด ์—ฌ๊ธฐ๊นŒ์ง€ ๋ถ™๋Š” ๊ฒƒ ๊ฐ™๋‹ค
  • ์ฝ”ํ…Œ์— ๋น„ํ•ด ์ธํ„ฐ๋ทฐ๋Š” ์ •๋ง ์‰ฌ์›Œ์„œ ๋”ฐ๋กœ ์ค€๋น„ ์•ˆํ•ด๋„ ๋ ์ •๋„๋‹ค. (์ •๋ง๋กœ)
  • 2์ฐจ ์ธํ„ฐ๋ทฐ์—๋„ ๊ธฐ์ˆ  ์ธํ„ฐ๋ทฐ๋ฅผ ๋ด์„œ ์ถ”๊ฐ€ ๋‚ด์šฉ์„ ์ ์ž๋ฉด, 2์ฐจ ๋•Œ ์‚ด์ง ์‹ฌํ™”๋œ ๊ธฐ์ˆ  ์ธํ„ฐ๋ทฐ์™€ ์•ฝ๊ฐ„์˜ ์ปฌ์ณํ• ์ธํ„ฐ๋ทฐ๋ฅผ ๋ณธ๋‹ค. (๋น„์œจ๋กœ๋Š” ๋ฐ˜๋ฐ˜์ •๋„)


  1. W์‚ฌ(์ปค๋จธ์Šค)
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ X
  • ์—ฐ๋ฝ์ด ๋นจ๋ฆฌ ์˜จ๋‹ค
  • ์—ฌ๊ธฐ๋„ ์ธํ„ฐ๋ทฐ๊ฐ€ ์ •๋ง ์‰ฝ๋‹ค. ์ค€๋น„ ์•ˆํ•ด๋„ ๋œ๋‹ค.
  • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋งŒ๋“ค์–ด ๋ณธ ์  ์žˆ๋Š”์ง€์— ๋Œ€ํ•œ ์งˆ๋ฌธ์„ ๋ฐ›์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์œ„๋ฉ”ํ”„ ๋‚ด์—์„œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋งŒ๋“ค์–ด ์“ฐ๋Š”๊ฐ€ ์‹ถ์—ˆ๋Š”๋ฐ ๊ทธ๊ฑด ์•„๋‹ˆ์˜€๋‹ค.
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณด๋‹ค๋Š” Vue, React ์ž์ฒด์— ๋Œ€ํ•œ ์งˆ๋ฌธ๋“ค์„ ๋ฐ›์•˜๋‹ค. ๋ผ์ดํ”„์‚ฌ์ดํด์ด๋‚˜ Vue3์ •๋„..?
  • ๊ธฐ์ˆ  ์งˆ๋ฌธ only


  1. S์‚ฌ (์ปค๋จธ์Šค)
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ O. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ ˆ๋ฒจ 1 ์ดˆ๋ฐ˜ ์ •๋„๋กœ ์—ฌ๊ธฐ ์žˆ๋Š” ๊ธฐ์—…๋“ค ์ค‘์—์„œ๋Š” ๊ฐ€์žฅ ์‰ฌ์› ๋‹ค.
  • ์„œ๋ฅ˜์™€ ๋™์‹œ์— ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋ฅผ ๋ณธ๋‹ค. ๊ทธ๋Ÿฌ๊ณ  ํ•œ ์ผ์ฃผ์ผ ๋’ค์— ์—ฐ๋ฝ์ด ์™”๋‹ค.
  • ๊ฐ€์žฅ ์ฒ˜์Œ์— ์ง€์›๋™๊ธฐ๋ฅผ ๋ฌผ์–ด๋ณด์‹œ๊ณ  ์ง€๋งˆ์ผ“๊ณผ ์ฟ ํŒก๋„ ์‚ฌ๋žŒ ๋ฝ‘๋Š”๋‹ค๊ณ  ๋ง๋ถ™์—ฌ ์ฃผ์…จ๋‹ค. ๋‚ด๊ฐ€ ๋ดค๋˜ ์ฝ”ํ…Œ๋ฅผ ํ™”๋ฉด ์—†์ด ๊ธฐ์–ต์„ ๋”๋“ฌ์–ด ์„ค๋ช…ํ•ด์•ผ ํ•˜๋Š”๋ฐ, ์‚ฌ์‹ค ํ•œ ํ…Œ์ŠคํŠธ๋ฅผ ๋ณด๊ณ  ์ด์ฃผ์ฏค ์ง€๋‚˜์„œ ๊ธฐ์–ต์—์„œ ์žŠ์—ˆ๋”๋‹ˆ ์ง„์งœ ๋‚ด๊ฐ€ ํ‘ผ๊ฒŒ ๋งž๋Š”๊ฐ€ ์‚ฌ์‹ค ๊ฒ€์ฆ์„ ํ•˜์…จ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์€ ๊ผญ ์–ด๋”” ์ ์–ด๋‘์‹œ๊ธธ..!
  • ํฌ๋กœ์Šค๋ธŒ๋ผ์šฐ์ง•, ๊ธฐ์ˆ ์„ ์ง์ ‘ ์จ๋ณด์•˜๋Š”์ง€๋ฅผ ์ค‘์ ์œผ๋กœ ๋ณด๋Š” ๊ฒƒ ๊ฐ™์•˜๋‹ค.
  • ์ตœ๊ทผ์— ๋ณธ ์•„ํ‹ฐํด์— ๋Œ€ํ•œ ์งˆ๋ฌธ์„ ๋ฐ›์•˜๊ณ  ๋Œ€๋‹ตํ–ˆ๋Š”๋ฐ ๊ธฐ์–ต์ด ๊นœ๋ฐ•๊นœ๋ฐ•ํ•ด์„œ ์ž˜ ๋Œ€๋‹ตํ•˜์ง€๋Š” ๋ชปํ–ˆ๋‹ค.
  • ๊ฒฝ๋ ฅ ์งˆ๋ฌธ 1/2, ๊ธฐ์ˆ  ์งˆ๋ฌธ 1/2

8-10๋ฒˆ ๊ธฐ์—…๋“ค์„ ์ œ์™ธํ•˜๊ณ  ๊ณตํ†ต์ ์œผ๋กœ ๋ฐ›์•˜๋˜ ์งˆ๋ฌธ์—๋Š” ํด๋กœ์ €, ์ด๋ฒคํŠธ๋ฃจํ”„๊ฐ€ ์žˆ์—ˆ๋‹ค.




์šฉ๊ฐํ•œ ์นœ๊ตฌ๋“ค with ๋‚จ์†ก๋ฆฌ ์‚ผ๋ฒˆ์ง€