Note

๋‹น๊ทผ๋งˆ์ผ“ ํ”„๋ก ํŠธ ๊ฐœ๋ฐœ์ž ์ฑ„์šฉ ์„ธ์…˜

์–ธ์•ฝ 2021. 2. 11. 15:33

๐Ÿฅ• ๋‹น๊ทผ๋งˆ์ผ“ ํ”„๋ก ํŠธ ๊ฐœ๋ฐœ์ž ์ฑ„์šฉ ์„ธ์…˜




์‹œ์ž‘ํ•˜๋ฉฐ

๊ตฌ์ง์ž๋„ ์•„๋‹ˆ๋ฉฐ ํ”„๋ก ํŠธ ๊ฐœ๋ฐœ์ž๋„ ์•„๋‹ˆ์ง€๋งŒ ๋น ๋ฅด๊ฒŒ ์„ฑ์žฅํ•˜๋Š” ์กฐ์ง์€ ์–ด๋–ค ๊ฐœ๋ฐœ์ž์™€ ํ•จ๊ป˜ํ•˜๊ณ  ์‹ถ์€์ง€, ์–ด๋–ป๊ฒŒ ์ผํ•˜๋Š”์ง€ ์ด์•ผ๊ธฐ๋ฅผ ๋“ฃ๊ณ  ์‹ถ์–ด์„œ ๋ณธ ์„ธ์…˜์— ์ฐธ์—ฌํ•˜์˜€์Šต๋‹ˆ๋‹ค. 2์›” 8์ผ(์›”) ์ €๋… 7์‹œ 30๋ถ„ ๋ถ€ํ„ฐ ์ง„ํ–‰๋œ 2์‹œ๊ฐ„ 30๋ถ„ ๋ถ„๋Ÿ‰์˜ ์„ธ์…˜์„ ๊ฐ„๋žตํ•˜๊ฒŒ ๋งˆํฌ์—…์œผ๋กœ ๋‚จ๊น๋‹ˆ๋‹ค.


์ž‘๋…„ 9์›” ๋‹น๊ทผ๋งˆ์ผ“ ์ฑ„์šฉ ์˜คํ”ˆ์„ธ์…˜์„ ์ฐธ๊ฐ€ํ•˜์—ฌ ๋งˆํฌ์—…์„ ๋‚จ๊ฒผ์Šต๋‹ˆ๋‹ค. ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”!



ํšŒ์‚ฌ ์†Œ๊ฐœ



  • ์˜๊ตญ, ๋ฏธ๊ตญ, ์บ๋‚˜๋‹ค ๊ธ€๋กœ๋ฒŒ ์ง„์ถœํ•จ


  • ์ดˆ๊ธฐ ์ฝ”๋กœ๋‚˜ ์‹œ์ ˆ ๋งˆ์Šคํฌ ํ˜„ํ™ฉ ์•Œ๋ฆผ์ด ํ•˜๋ฃจ ๋งŒ์— ๊ฐœ๋ฐœํ•˜์—ฌ ๋ฐฐํฌ
  • ์šฐ๋ฆฌ ๋™๋„ค ๊ตญํšŒ์˜์› ํ›„๋ณด์ž ๋ณด์—ฌ์คŒ
  • ํ˜ธ์šฐ ํ”ผํ•ด ๋•๊ธฐ ๋ชจ๊ธˆ
  • JSConf ์ฐธ๊ฐ€ํ•˜์—ฌ ์ŠคํŽ˜์…œ ๋ฒณ์ง€ ์ฃผ์—ˆ์Œ




  • ๋ฆฌํ…์…˜(Retention) ๋†’๋‹ค. ์ด์šฉ์ž์˜ ๋‹ค์–‘ํ•œ ํ”ผ๋“œ๋ฐฑ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค.
  • ๋‹ค๋ฅธ ์•ฑ๊ณผ ๋น„๊ตํ–ˆ์„ ๋•Œ ์‚ฌ์šฉ์ž ํ‰๊ท  ์ด์šฉ์‹œ๊ฐ„์ด ๋†’๋‹ค.


ํ”„๋ก ํŠธ์—”๋“œ ์†Œ๊ฐœ


  • ์ด 8๋ช…
  • ๊ด€์‹ฌ ์žˆ๋Š” ๊ธฐ์ˆ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก
  • ์œ ์ €๊ฐ€์น˜ ์ตœ์šฐ์„ 
  • ์ดˆ๊ธฐ ๋‹จ๊ณ„์—์„œ๋Š” DB ๊ฑด๋„ˆ๋›ฐ๊ณ  ํŒŒ์ด์–ด ์Šคํ† ์–ด๋กœ ๋น ๋ฅด๊ฒŒ ํ”„๋กœํ† ํƒ€์ž…. ์œ ๋™์ ์œผ๋กœ ๊ธฐ์ˆ ์„ ๊ฐ€์ ธ๊ฐ
  • ๊ผผ๊ผผํ•˜๊ณ  ์•ˆ์ •์„ฑ์— ๋Œ€ํ•ด ๊ณ ๋ ค๋ฅผ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ํŒ€์—์„œ๋Š” ํŠธ๋ ˆ์ด๋“œ์˜คํ”„๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ด์„œ ๊ฐœ๊ฐœ์ธ์—๊ฒŒ ๋ฏฟ์Œ์„ ์ฃผ๊ณ  ๊ฐœ์ธ์ด ๋น ๋ฅด๊ฒŒ ๋ฐฐํฌํ•˜๋„๋ก ํ•จ
  • ๊ธฐ์ˆ  ์—ด์ •, ํ•˜๋Š” ์ผ์— ์ฆ๊ฑฐ์›€์„ ๋Š๋ผ๋Š” ์‚ฌ๋žŒ์ด ์™”์œผ๋ฉด ํ•จ


Karrotframe ์†Œ๊ฐœ


  • Karrotframe NPM: https://www.npmjs.com/package/karrotframe
  • ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ ๊ฒฝํ—˜์„ ์›น๋ทฐ์—์„œ ๊ฒฝํ—˜ํ•˜๊ฒŒ ํ•˜์ž.
  • ํ™”๋ฉด ๊ฐ„์˜ ์ „ํ™˜์„ ์ž˜ํ•ด๋ณด์ž
  • ์›น๋ทฐ์˜ ๋‹จ์ . a์—์„œ b๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋„˜๊ธธ ๋•Œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒ, a๋Š” ๋ชฉ๋ก, b๋Š” ๊ธ€์“ฐ๊ธฐ ํ™”๋ฉด์ด๋ผ๊ณ  ํ•˜๋ฉด b์—์„œ ๊ธ€์„ ์“ฐ๊ณ  a๋กœ ๋„˜์–ด๊ฐ€๋ฉด ๋‚ด๊ฐ€ ์“ด ๊ธ€์ด ์ƒ๋‹จ์— ๋ณด์ด๊ฒŒ ํ•˜๋ ค๊ณ  ๋„ค์ดํ‹ฐ๋ธŒ์— ์˜์กดํ•  ์ˆ˜๋ฐ–์— ์—†๋‹ค.
  • ์›น๋ทฐ๊ฐ„ ํ†ต์‹ ์ด ์–ด๋ ต๋‹ค.
  • ๋ชจ๋ฐ”์ผ ๋„ค์ดํ‹ฐ๋ธŒ ํ™˜๊ฒฝ์ด ๋ฉ”๋ชจ๋ฆฌ ์ œํ•œ์ด ์‹ฌํ•˜๊ณ , CPU ์ œํ•œ์ด ์žˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ์ˆจ๊ฒจ์ง„ ์›น๋ทฐ๊ฐ€ ์–ธ๋กœ๋“œ ๋˜๋Š” ํ˜„์ƒ์ด ์ƒ๊ฒผ๋‹ค. ๊ทธ๋ž˜์„œ ์ด๋ฒคํŠธ๋ฅผ ๋ฐ›์•„์•ผ ํ•˜๋Š” ์›น๋ทฐ๊ฐ€ ์ฃฝ์–ด๋ฒ„๋ฆฌ๋Š” ์›น๋ทฐ ํ†ต์‹  ์žฅ์• ๊ฐ€ ์ƒ๊ธฐ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ƒ๊ฒผ๋‹ค.
  • ์‹ฑ๊ธ€ํŽ˜์ด์ง€๋กœ ํŒฌ์‹œํ•œ ์ „ํ™˜ ํšจ๊ณผ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ๋‹ค.
  • ionic ์จ๋ณผ๊นŒ?
    • ์•„์ด์˜ค๋‹‰์€ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ „ํ™˜ ํšจ๊ณผ๊ฐ€ ์ž์—ฐ์Šค๋Ÿฝ๊ณ  ์ปค๋ฎค๋‹ˆํ‹ฐ๊ฐ€ ์ž˜ ๋ฐœ์ „ํ–ˆ๋‹ค. ์‹ค์ œ ํ•ธ์ฆˆ์˜จ๊นŒ์ง€ ํ–ˆ๋‹ค.
    • ํ•ธ์ฆˆ์˜จ ํ–ˆ์„ ๊ฒฝ์šฐ ๋‹น์‹œ ์•„์ด์˜ค๋‹‰์˜ ๊ฒฝ์šฐ ํŠธ๋ฆฌ์‰์ดํ‚น์„ ์ง€์›ํ•˜์ง€ ์•Š์Œ. ๋ฒˆ๋“ค ์šฉ๋Ÿ‰์ด ๋„ˆ๋ฌด ์ปค์ง„๋‹ค.
  • React Native Web + React Navigation 5 ์จ๋ณผ๊นŒ?
    • ๊ฒ€ํ† ๋งŒ ํ•ด๋ณด๊ณ  ๊ฐœ๋ฐœํ•˜์ง€๋Š” ์•Š์•˜๋‹ค.
    • React Navigation์ด React Native ํƒ€์ผ“
    • React Native ์ƒํƒœ๊ณ„๋ฅผ ์ดํ•ดํ•ด์•ผ ํ•จ. ์ •์‹ ์—†์ด ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ๊ฒ ๋‹ค๊ณ  ํŒ๋‹จ.
  • Karrotframe ์‹œ์ž‘
    • ์ง์ ‘ ๋งŒ๋“ค์ž!

๋‹น๊ทผ๋งˆ์ผ“ ํ”„๋ก ํŠธํŒ€ ์ฑ„์šฉ ๊ณต๊ณ 



  • ์ „๋ฐ˜์ ์ธ ํ”„๋กœ์ ํŠธ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค.
  • ๊ธฐ์ˆ  ์Šคํƒ์ด vue, ์•ต๊ทค๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ•ด๋„ ์ข‹์ง€๋งŒ, ํ† ์ด๋กœ๋ผ๋„ React๋ฅผ ์‚ฌ์šฉํ•ด๋ด์•ผ ๋ฉด์ ‘ ๋•Œ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ์ผ๋ฐ˜์ ์œผ๋กœ ๋งŽ์ด ํ•˜๋Š” ๋ง์„ ์ผ๋Š”๋ฐ ๊ณ ์‹ฌ์„ ํ•˜๊ณ  ์“ด ๊ฒƒ. ๋‹ค๋ฅธ ํšŒ์‚ฌ์™€ ๋ง์ด ๋น„์Šทํ•˜๊ฒŒ ๋‚˜์™”๋‹ค.
  • ํ™”์ƒ๋ฉด์ ‘(๊ฐ„๋žต๋ฒ„์ „) โ†’ ์ง๋ฌด๋ฉด์ ‘(ํ”„๋ก ํŠธ 4๋ถ„์ด ์ฐธ์—ฌ, ๊ธฐ์ˆ ์— ๋Œ€ํ•ด์„œ ๊นŠ์ด ์žˆ๊ฒŒ, ์–ด๋–ป๊ฒŒ ์—…๋ฌด๋ฅผ ํ•˜๋Š”์ง€ ์ด์•ผ๊ธฐ) โ†’ ์ปฌ์ฒ˜ํ•(์ž„์›๋ถ„๊ณผ ๋‹น๊ทผ๋งˆ์ผ“๊ณผ ๋งž๋Š”์ง€ ์„œ๋กœ์˜ ํ•์„ ๋งž์ถค)



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


Q&A


  • ์ •๊ทœ์ง ์‹ ์ž… ์ง€์›ํ•˜๊ณ  ์„œํƒˆํ–ˆ๋Š”๋ฐ ์ธํ„ด ์ง€์›ํ•ด๋„ ๋˜๋Š”๊ฐ€?
    • ์ƒ๊ด€์—†๋‹ค. ๋ณ„๊ฐœ์˜ ํ”„๋กœ์„ธ์Šค
  • ์žฌํƒ๊ทผ๋ฌด?
    • ํ˜„์žฌ ์žฌํƒ๊ทผ๋ฌด ์ค‘, ์ฝ”๋กœ๋‚˜ ์ด์ „์—๋Š” 1์ฃผ์ผ์— ํ•˜๋ฃจ ์žฌํƒ๊ทผ๋ฌด ํ–ˆ์—ˆ๋‹ค.
  • ์ฑ„์šฉ ์—ฐ๊ณ„ํ˜• ์ธํ„ด์ธ์ง€?
    • ์ฒดํ—˜ํ˜• ์ธํ„ด. ๋‘ ๋‹ฌ ํ•จ๊ป˜ํ•˜๋ฉด์„œ ํ˜‘์—…ํ•˜๋Š” ๊ฒƒ์„ ์ฒดํ—˜
    • ์ž…์‚ฌ ๋ฌธํ„ฑ์€ ๋‚ฎ๋‹ค.
    • ์ž˜ํ•˜๋Š” ๊ฒฝ์šฐ ํ•์ด ์ž˜ ๋งž์œผ๋ฉด ์ œ์•ˆ์„ ํ•˜๋Š” ๊ฒƒ. ๊ทธ๋Ÿฌ๋‚˜ 100% ๋ณด์žฅ์€ ์•„๋‹˜.
    • ์ด๋ฒˆ์— ์ฑ„์šฉ ์ดํ›„ ์–ธ์ œ ์ธํ„ด์„ ๋‹ค์‹œ ์ฑ„์šฉํ• ์ง€๋Š” ๋ฏธ์ •
  • ์ธํ„ด ์ง€์› ๊ธฐ์ค€์œผ๋กœ ๊ฐœ๋ฐœ๊ฒฝ๋ ฅ์ด ์—†๋Š” ์ƒ์ดˆ์งœ ๊ฐ€๋Šฅํ•œ๊ฐ€?
    • ์ฝ”๋”ฉ ์‹ค๋ ฅ ์žˆ์œผ๋ฉด ๊ดœ์ฐฎ๋‹ค.
    • ์™€์„œ ๋ฐ”๋กœ ์ผํ•ด์•ผ ํ•œ๋‹ค.
  • ๊ฒฝ๋ ฅ ๋ช‡ ๋…„ ์ด์ƒ?
    • ๋”ฐ์ง€์ง€ ์•Š๋Š”๋‹ค.
  • ์›Œ๋ผ๋ฒจ?
    • ๊ดญ์žฅํžˆ ์ข‹๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ์ผ์„ ๋๋‚ด๋ฉด ํ‡ด๊ทผ ๊ฐ€๋Šฅ
  • ์ถœํ‡ด๊ทผ ์‹œ๊ฐ„?
    • 9-11์‹œ ์‚ฌ์ด ์ด์ „ ์ž์œจ์ถœ๊ทผ
    • 11์‹œ ์ด์ „๊นŒ์ง€ ์ถœ๊ทผํ•˜๊ณ  ํ‡ด๊ทผ์€ ์ž์œ ๋กญ๊ฒŒ ํ•˜๋Š” ์ œ๋„๊ฐ€ ์˜ค๋Š˜(21. 02. 08) ์ƒ๊ฒผ๋‹ค.
  • ๋ช‡ ๋ช… ์ฑ„์šฉ ์˜ˆ์ •? ์ฑ„์šฉ ์‹œ๊ธฐ?
    • ์ง€๊ธˆ ๋‹น์žฅ ์ง€์›ํ•ด์ฃผ์‹œ๋ฉด ๋œ๋‹ค. ๋”ฐ๋กœ ์ •ํ•œ ๊ทœ๋ชจ๋Š” ์—†๋‹ค.
    • ํ•จ๊ป˜ํ•˜๊ณ  ์‹ถ์€ ๋ถ„์ด๋ฉด ์ฑ„์šฉํ•œ๋‹ค.
    • ์ƒ์‹œ ์ฑ„์šฉ์ด๋‹ค.
    • ์ธํ„ด์€ 2๋ช… ์ •๋„ ์ฑ„์šฉ์˜ˆ์ •
  • ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ?
    • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋Š” ์—†๋‹ค. ์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ ํ•œ ๊ฒƒ์„ Github์— ์˜ฌ๋ฆด ํ…๋ฐ ๊ทธ๊ฑธ ๋ณด์—ฌ์ฃผ๋ฉด ํ•œ ์ค„ ํ•œ ์ค„ ๋‹ค ์ฝ๋Š”๋‹ค. ์ด๋ ฅ์„œ์— ์ฒจ๋ถ€ํ•ด์ฃผ์–ด๋ผ.
  • ์‹ ์ž…, ์ธํ„ด ๋™์‹œ์— ์ง€์› ๊ฐ€๋Šฅํ•œ๊ฐ€?
    • ๋™์‹œ ์ง€์›ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ณธ์ธ์˜ ์„ ํƒ.
  • ์ด๋Ÿฐ ๋ถ„์„ ์ฐพ์•„์š”์—์„œ ํ•„์ˆ˜ ์š”์†Œ์ธ๊ฐ€?
    • ํ•„์ˆ˜๋ผ๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์ ์—ˆ์ง€๋งŒ, TS๋กœ ํ”„๋กœ์ ํŠธ ๊ฒฝํ—˜์ด ์—†์„ ์ˆ˜ ์žˆ๋‹ค. ์Šค์Šค๋กœ ๊ณต๋ถ€ํ•˜์…”์„œ ๋ฉด์ ‘ ๋•Œ ๋Œ€ํ™”ํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ๊ด€๊ณ„์—†๋‹ค.
  • ๊ฒฝ๋ ฅ์ง ์ˆ˜์Šต ๊ธฐ๊ฐ„?
    • 3๊ฐœ์›” ์ˆ˜์Šต ๊ธฐ๊ฐ„ ๊ฐ–๋Š”๋‹ค.
  • ์„œ๋ฅ˜์—์„œ ์ฃผ์š”ํ•˜๊ฒŒ ๋ณด๋Š” ๊ฒƒ
    • ํŠน์ • ๋ถ€๋ถ„์œผ๋กœ ํ•ฉ๋ถˆ์„ ๊ฒฐ์ •ํ•˜์ง€๋Š” ์•Š๋Š”๋‹ค.
    • ์„œ๋ฅ˜์—์„œ ๋ˆ„๊ตฐ๊ฐ€ ๊ธฐ์ค€์„ ๊ฐ–์ง€ ์•Š๊ณ  ์—ฌ๋Ÿฌ ํ”„๋ก ํŠธ ๊ฐœ๋ฐœ์ž๋ถ„์ด ํฌ๋กœ์Šค์ฒดํฌ๋ฅผ ํ•œ๋‹ค.
    • github ๊ณต์œ ํ•ด์ฃผ๋ฉด ์–ด๋–ป๊ฒŒ ๊ณต์œ ํ•˜๊ณ  ์–ด๋–ป๊ฒŒ ์ผํ•˜๋Š”์ง€ ์ฐธ๊ณ ๋ฅผ ๋งŽ์ด ํ•œ๋‹ค.
  • ์ธํ•˜์šฐ์Šค ๊ฐœ๋ฐœ, ํ”„๋กœ๋•ํŠธ ๊ฐœ๋ฐœ ๋น„์ค‘
    • ํ”„๋กœ๋•ํŠธ์— ๋งŽ์€ ๋น„์ค‘์„ ๋‘”๋‹ค.
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์—์„œ ์ง„ํ–‰๋˜๋Š” ํ”„๋ก ํŠธ์•ค๋“œ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ์—์„œ ๋‹น๊ทผ๋งˆ์ผ“์˜ ๊ฒฝ์šฐ ์ƒ์œ„ ๋ช‡%, ์ ์ˆ˜ ์ปท์ด ๊ถ๊ธˆ?
    • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์—์„œ ๋„˜์–ด์˜ค๋Š” ์ปท์€ ๋ชจ๋ฅธ๋‹ค.
    • ์ ์ˆ˜์™€ ์ƒ๊ด€์—†์ด ํ•œ๋ถ„ ํ•œ๋ถ„ ์ฝ”๋“œ, ์ด๋ ฅ์„œ, Github๋„ ํ™•์ธํ•œ๋‹ค.
    • ์Šคํ‹ฐ๋ธŒ๊ฐ€ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค๋ฅผ ํ†ตํ•ด์„œ ์ฑ„์šฉํ–ˆ๋‹ค. 300๋ถ„ ์ •๋„ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์—์„œ ์„œ๋ฅ˜๊ฐ€ ๋„˜์–ด์™”์—ˆ๋Š”๋ฐ ๋ฌผ๋ก  ์ƒ์œ„ ๋ถ„๋“ค์„ ์ฃผ๋กœ ๋ณด์ง€๋งŒ ์Šคํ‹ฐ๋ธŒ๋Š” ์•„๋ž˜์ชฝ์— ์žˆ์—ˆ๋‹ค. ์ผ์ผ์ด ๋ด์„œ ์Šคํ‹ฐ๋ธŒ๊ฐ€ ๋ถ€ํ™œํ•ด์„œ ์ง€๊ธˆ ์˜†์ž๋ฆฌ์— ์žˆ๋‹ค.
  • ์•ˆ๋“œ๋กœ์ด๋“œ ๊ฐœ๋ฐœ์ž ํ”„๋ก ํŠธ ์ง€์› ๊ฐ€๋Šฅํ•œ์ง€?
    • ๋ฉด์ ‘, ๋ณด๋‚ด์ค€ ์ฝ”๋“œ๋ฅผ ๋ณด๊ณ  ๋ฉด์ ‘์—์„œ ๊ธฐ์—ฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ํŒ๋‹จํ•œ๋‹ค.
    • ํ”„๋ก ํŠธ์˜ ์‹ ์ž… ์ •๋„ ์—ญ๋Ÿ‰์ด๋ฉด ์‹ ์ž…์œผ๋กœ ์ƒ๊ฐ.
  • ์ผ๋ฐ˜ ์›น์œผ๋กœ ํ”„๋กœ๋•ํŠธ ํ™•์žฅ ๊ณ„ํš?
    • ์„œ๋น„์Šค ์˜์—ญ์ธ ๋™๋„ค์ƒํ™œ, ์ค‘๊ณ ๊ฑฐ๋ž˜๋Š” ์šฐ์„ ์ˆœ์œ„ ๋†’์ง€ ์•Š๋‹ค.
    • ์ง€์—ญ์‚ฌ์žฅ๋‹˜์ด ์‚ฌ์šฉํ•˜๋Š” ๊ด‘๊ณ  ํ”Œ๋žซํผ์„ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์€ ๋ชจ๋ฐ”์ผ์ด ์•„๋‹Œ PC์—์„œ ํ•˜๋Š” ๊ฒƒ์„ ์„ ํ˜ธํ•  ์ˆ˜ ์žˆ๊ธฐ์— ์ด๋Ÿฐ ๋ถ€๋ถ„์€ ๋นจ๋ฆฌ ๋งŒ๋“ค๋ ค๊ณ  ํ•œ๋‹ค.
  • ํƒˆ๋ฝํ•˜๋ฉด ์žฌ์ง€์› ๋ถˆ์ด์ต?
    • ๋ถˆ์ด์ต ์—†๋‹ค.
  • ๋‚˜์ด์ œํ•œ?
    • ๊ณ ๋“ฑํ•™์ƒ ์ด์ƒ์ด๋ฉด ๊ดœ์ฐฎ๋‹ค.
  • ๋ฐฑ์˜คํ”ผ์Šค ๊ธฐ์ˆ  ์Šคํƒ
    • Next.js, HTML, JQuery ๋“ฑ๋“ฑ ๋‹ค์–‘
  • ํ”Œ๋žซํผ ๊ฐœ๋ฐœ์—์„œ Go ์–ธ์–ด ๊ฐœ๋ฐœ์ž๊ฐ€ ํ•„์š”ํ•œ๊ฐ€?
    • ํ•„์š”ํ•˜๋‹ค.
  • ํ™”์ƒ๋ฉด์ ‘, ์ง๋ฌด๋ฉด์ ‘ ์ฐจ์ด
    • ํ™”์ƒ๋ฉด์ ‘: ๋ฉด์ ‘๊ด€ 1๋ช…, ๊ธฐ์ˆ  ๊ด€๋ จ ์ด์•ผ๊ธฐ
    • ์ง๋ฌด๋ฉด์ ‘: ๋–ผ๋กœ ๋ชฐ๋ ค๊ฐ€์„œ ์‹ฌ๋„ ์žˆ๋Š” ๊ธฐ์ˆ ์งˆ๋ฌธ
  • ๊ฐˆ๋“ฑ ์กฐ์ •?
    • ๊ฐˆ๋“ฑ์ด ์—†๋‹ค. ๋ถ„์œ„๊ธฐ ์ข‹๋‹ค.
    • ๊ฐˆ๋“ฑ ์ƒํ™ฉ์ด ์žˆ์„ ์ˆ˜ ์žˆ์ง€๋งŒ ์ข‹์€ ์ œํ’ˆ์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ํ† ๋ก ์˜ ๊ณผ์ •์ด๋‹ค. ๋ˆ„๊ฐ€ ์ž˜๋‚ฌ๋Š”์ง€๋Š” ์—†๋‹ค.
    • ์ฑ„์šฉ ๊ณผ์ •์—๋„ ๊ฑด์„ค์ ์ธ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์•„๋“ค์ด๋Š” ๋ถ„์„ ์ฐพ๋Š”๋‹ค.
  • ์„œ๋ฅ˜ ๊ฒ€ํ† ํ•˜๋Š” ๋ถ„?
    • ๊ฐœ๋ฐœํŒ€๋งŒ ๋ณธ๋‹ค.
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ง„ํ–‰ ์•ˆ ํ•˜๋Š” ์ด์œ 
    • ์‹ค์ œ์ ์ธ ๊ฒฝํ—˜์ด ์ค‘์š”ํ•˜๋‹ค. ์ง„์งœ ํ•ด๋ดค๋Š”์ง€ ์•Œ๊ณ ๋งŒ ์žˆ๋Š”์ง€
    • ๊ธฐ์ˆ ์  ์งˆ๋ฌธ์ด ์‹ฌ๋„์žˆ๋‹ค.
    • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๊ฐ€ ์ง€์›์ž์—๊ฒŒ ๋ถ€๋‹ด์ด๋‹ค.
  • ๋‹น๊ทผ๋งˆ์ผ“ ๊ฐœ๋ฐœ์ž ๊ทœ๋ชจ
    • 6-70๋ช…
  • QA ?
    • ์—†๋‹ค.
  • ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ?
    • ์ ๊ทน์ ์ด๋‹ค. recoil js ๋“ฑ๋“ฑ
    • ์ƒˆ๋กœ์šด ๊ธฐ์ˆ  ์ ์šฉ, ๊ณต์œ  ์ข‹์•„ํ•œ๋‹ค.
  • ๋ฉด์ ‘ ์ค€๋น„ํ•  ๊ฒƒ
    • ์ด๋ ฅ์„œ์— ์ œ์ถœํ•œ ๊ฒƒ์„ ์ž˜ ์ˆ™์ง€
  • ์ฝ”๋“œ๋ฆฌ๋ทฐ ์žˆ๋Š”์ง€?
    • ์—†๋‹ค. ์—ฌ๋ ฅ์ด ์—†๊ณ  ๊ฐ์ž ๋‹ค๋ฅธ ๋„๋ฉ”์ธ์„ ํ•˜๊ณ  ์žˆ์–ด์„œ
    • ์ธํ„ด์˜ ๊ฒฝ์šฐ ์žˆ์„ ์˜ˆ์ •
    • ๋‹น๊ทผ๋งˆ์ผ“ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง€๊ธˆ๊นŒ์ง€ ์ž๋ฐœ์ ์œผ๋กœ ํ‡ด์‚ฌํ•œ ์ผ์ด ์†์— ๊ผฝ์Œ.
    • ๋‹น๊ทผ๋งˆ์ผ“ ์—ญ์‚ฌ์ƒ ์›น ํ”„๋ก ํŠธ์—์„œ ํ‡ด์‚ฌํ•œ ์‚ฌ๋žŒ์€ ์—†๋‹ค.
  • ํšŒ์‚ฌ ๋ถ„์œ„๊ธฐ?
    • ๋„ˆ๋ฌด ์ข‹๊ณ  ์ด๋Ÿฐ ํšŒ์‚ฌ๋Š” ์—†๋‹ค๊ณ  ์ƒ๊ฐ
    • ๋‹ค๋“ค ์—ด์‹ฌํžˆ ํ•ด์„œ ์••๋ฐ•๊ฐ์ด ์‚ด์ง ๋“ค์ง€๋งŒ, ์„ฑ์žฅ์„ ์œ„ํ•œ ๊ธ์ •์ ์ธ ์••๋ฐ•๊ฐ์ด๋‹ค.
  • ๊ตฌ๋ถ„?
    • ์ž…์‚ฌํ•˜๋ฉด ์‹ ์ž…, ๊ฒฝ๋ ฅ ๊ตฌ๋ถ„์ด ์—†๋‹ค. ์ž…์‚ฌํ•˜๋ฉด ๋„๋ฉ”์ธ ํ•˜๋‚˜ ๋งก์•„์„œ ์ง„ํ–‰ํ•ด์•ผ ํ•œ๋‹ค. ์Šค์Šค๋กœ ์–ด๋–ค ํ”„๋กœ๋•ํŠธ๋ฅผ ๊ฐœ๋ฐœํ•ด์•ผ ํ•œ๋‹ค.
  • ์˜คํ”ˆ์†Œ์Šค ๊ธฐ์—ฌ?
    • ๋‹ค ๋“ค์–ด๊ฐ€์„œ ๋ณธ๋‹ค.
  • ํšŒ์‚ฌ์œ„์น˜
    • ๊ฐ•๋‚จ์— ์žˆ๋‹ค. ์‹ ๋…ผํ˜„์œผ๋กœ ์ด์‚ฌ ๊ณ„ํš
  • ๊ฒฝ๋ ฅ ์ธ์ •๊ธฐ์ค€?
    • ๊ฒฝ๋ ฅ์„ ๋ณ„๋„ ์ƒ๊ฐํ•˜์ง€ ์•Š๋Š”๋‹ค. ๋Šฅ๋ ฅ ๋ณธ๋‹ค.
  • Lint?
    • ES Lint, Prettier ์“ฐ๊ณ  ์žˆ๋‹ค.
  • ๊ธ€๋กœ๋ฒŒ ์„œ๋น„์Šค ํ™•์žฅ์— ์˜ํ•ด ๋ฌธํ™”์  ์ฐจ์ด๋กœ ์ธํ•ด ํ”„๋ก ํŠธ ๋ณ€๊ฒฝ์  ์–ด๋–ป๊ฒŒ ๊ด€๋ฆฌํ•˜๋Š”์ง€
    • ์›น ํ”„๋ก ํŠธ๋Š” ๊ตญ๋‚ด์— ์ง‘์ค‘
    • ๋„ค์ดํ‹ฐ๋ธŒ ๊ฐœ๋ฐœํ•˜๋Š” ๋ถ„๋“ค์ด ์ž˜ ์•Œ ๊ฒƒ์ด๋‹ค.
    • ๋งค๋„ˆ ์˜จ๋„์—์„œ ์„ญ์”จ(Celsius)๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๋‚˜๋ผ์˜ ๊ฒฝ์šฐ ๋‹ค๋ฅธ ์ง€ํ‘œ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ํ”„๋ก ํŠธ๋ฅผ ๋ฐ”๊พธ๋Š” ์ž‘์—…
  • ์ธํ„ด ๊ต์œกํ•  ๋•Œ ์‚ฌ์ˆ˜๊ฐ€ ๋ถ™๋Š”์ง€?
    • ๊ฐ™์ด ์ผ์„ ํ•˜๋Š” ๊ฒƒ
    • ๋ˆ„๊ตฐ๊ฐ€ ์„ ์ƒ๋‹˜์ฒ˜๋Ÿผ ๊ฐ€๋ฅด์ณ๋“œ๋ฆฌ๋Š” ๊ฒƒ์€ ์•„๋‹˜
    • ์ธํ„ด์œผ๋กœ ๋“ค์–ด์™€๋„ ํ•œ ๋ช…์˜ ๋™๋ฃŒ. ๊ฐ™์ด ๋ญ”๊ฐ€๋ฅผ ํ•˜๋Š” ์ผ์ด ๋งŽ๋‹ค.
  • ๊ธฐํš์ž, ๋””์ž์ด๋„ˆ ์–ด๋–ค ๋„๊ตฌ?
    • Slack, Figma
  • ์‚ฌ๋‚ด ์ง๋ฌด์ „ํ™˜
    • ๊ฐ€๋Šฅ, ๊ทธ๋Ÿฌ๋‚˜ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋””์ž์ด๋„ˆ๊ฐ€ ๋˜๋Š” ๊ฒƒ์€ ํž˜๋“ค๋‹ค
    • ๊ฐœ๋ฐœ ์ง๊ตฐ ์‚ฌ์ด์—์„œ ์ง๋ฌด ์ „ํ™˜์€ ์žˆ์—ˆ๋‹ค. ๋ฃจ๋น„ โ†’ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ์•ผ๊ทผ์ˆ˜๋‹น?
    • ํฌ๊ด„์ž„๊ธˆ์ œ
  • ์‹ ๊ทœ์„œ๋น„์Šค ์‹œ ๊ธฐํš๋ถ€ํ„ฐ ๊ฐœ๋ฐœ๊นŒ์ง€ ์–ผ๋งˆ๋‚˜?
    • ๋ฆฐํ•œ๊ฒƒ์„ ์ข‹์•„ํ•˜๊ธฐ์— ์ •๋ง ๋น ๋ฅด๊ฒŒ ํ•œ๋‹ค.
  • ๋ฐฐํฌ ์‹œ๊ธฐ?
    • ๊ฐœ๋ฐœ์ž๊ฐ€ ์›ํ•  ๋•Œ
    • ์žฅ์• ๊ฐ€ ๋‚˜๋ฉด ๋ฐฐํฌํ•œ ์‚ฌ๋žŒ์ด ์ฑ…์ž„์„ ์ง€๊ณ  ํ•ด๊ฒฐํ•œ๋‹ค.
  • ์›น๋ทฐ์— SSR?
    • ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • ์›น๋ทฐ, ๋„ค์ดํ‹ฐ๋ธŒ์—์„œ ํ†ต์‹ ์„ ์œ„ํ•œ API๋Š” ์ž์ฒด ๊ตฌ์ถ•? ๋ฆฌ์—‘ํŠธ ์ƒํƒœ๊ด€๋ฆฌ ์‹œ ๋ฆฌ์—‘ํŠธ์™€ ๋™๊ธฐํ™” ํ•˜๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•˜๋Š”์ง€?
    • ํ†ต์‹ ์„ ์œ„ํ•œ API๋Š” ์ž์ฒด ๊ตฌ์ถ• ์‚ฌ์šฉ
    • ๋ฆฌ์—‘ํŠธ ์ƒํƒœ๊ด€๋ฆฌ ์‹œ ๋™๊ธฐํ™”๋Š” ํ•จ์ˆ˜ ์ฝœ ๋ฐฉ์‹
  • ํ‰๊ท ์—ฐ๋ น?
    • ์ Š์€ ํŽธ
  • ํ”Œ๋žซํผ ๋””์ž์ด๋„ˆ์™€ ํ˜‘์—…ํ•  ๋•Œ ์ตœ์šฐ์„ ์œผ๋กœ ํ•ด๊ฒฐํ•˜๊ณ  ์‹ถ์€ ๊ณผ์ œ
    • ๋””์ž์ธ ์‹œ์Šคํ…œ
  • CI CD?
    • Circle CI, Git Action
  • ์ฑ„์šฉ ๊ธฐ๊ฐ„
    • 1์ฃผ์ผ ์ดํ•˜๋กœ ๋๋‚ด๋ ค๊ณ  ํ•œ๋‹ค.
    • ๋นจ๋ฆฌ ๊ฐœ๋ฐœ์ž๋ฅผ ๋ชจ์‹œ๊ณ  ์‹ถ๋‹ค. ์ธ์‚ฌํŒ€์—์„œ๋„ ์ด˜์ด˜ํ•˜๊ฒŒ ๋ฉด์ ‘ ์ผ์ •์„ ์žก๋Š”๋‹ค.
  • ํ™”์ƒ๋ฉด์ ‘?
    • ๋ฉด์ ‘๊ด€ ํ•œ ๋ถ„์ด ์คŒ์„ ํ†ตํ•ด์„œ 30๋ถ„ ์ •๋„ ์ง„ํ–‰ํ•œ๋‹ค.
  • IDE?
    • ์ธํ…”๋ฆฌ์ œ์ด, VS Code.
    • ํˆด์€ ๋ญ˜ ์“ฐ๋“  ํšŒ์‚ฌ์—์„œ ์ง€์›ํ•ด์ค€๋‹ค.
  • ์ด์Šˆ ํŠธ๋ž˜ํ‚น?
    • ํŒ€๋งˆ๋‹ค ๋‹ค๋ฅด์ง€๋งŒ Jira
  • ๋ณต์ง€?
    • ๋›ฐ์–ด๋‚œ ๋™๋ฃŒ, ๊ทธ๋ฆฌ๊ณ  ๋›ฐ์–ด๋‚œ ๋™๋ฃŒ๊ฐ€ ๋ชจ์ผ ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ
    • 6~7๊ฐœ์›” ๋‹ค๋‹ˆ๋ฉด์„œ ์ŠคํŠธ๋ ˆ์Šค ๋ฐ›๋Š”๊ฒŒ ์—†๋‹ค.
    • ๋‹น๊ทผ๋งˆ์ผ“ ๊ตฟ์ฆˆ๊ฐ€ ๋‚˜์˜ค๋ฉด ์ œ์ผ ๋จผ์ € ๊ฐ€์ ธ๊ฐˆ ์ˆ˜ ์žˆ๋‹ค.
    • ์ž”๋”” ๋ณต์ง€๊ฐ€ ์žˆ๋‹ค. github ์“ด๋‹ค.
    • ๋ ˆ๋ชจ๋„ค์ด๋“œ ์žˆ๋‹ค. ๋น„ํƒ€ 500 ์žˆ๋‹ค.
    • ์ปคํ”ผ ๋ฌด์ œํ•œ 100์ž” ๋งˆ์…”๋ผ
    • ์ปจํผ๋Ÿฐ์Šค ์ง€์›๋น„
  • ์—…๋ฌด ์ค‘๊ฐ„์— ๋‹น๊ทผ๊ฑฐ๋ž˜ ๊ฐ€๋Šฅ?
    • ์—…๋ฌด ์ค‘๊ฐ„์— ๋‹น๊ทผ ๊ฑฐ๋ž˜ํ•œ๋‹ค๊ณ  ์‚ฌ๋ผ์ง€๋Š” ๋ถ„๋“ค ์žˆ๋‹ค.
  • context?
    • use state, Redux ์“ฐ๋Š” ํŒ€ ์žˆ๋‹ค.
    • ์™€์„œ ๋ญ๋“  ํ•˜๋ฉด ๋˜๋Š”๋ฐ ์žฅ์• ๊ฐ€ ๋‚˜๋ฉด ๋ณธ์ธ์ด ์žฅ์• ๋ฅผ ๊ณ ์น˜๋ฉด ๋œ๋‹ค.
  • TS, Java ์„ ํƒ ๊ธฐ์ค€
    • ๊ฒฐ์ œ ๋“ฑ๋“ฑ ์‹ ์ค‘ํ•ด์•ผ ํ•˜๋Š” ๋ถ€๋ถ„์— Java ์”€
    • ํŒ€์˜ ๋ฆฌ์†Œ์Šค์— ๋”ฐ๋ผ์„œ ๊ฐœ๋ฐœํ•œ๋‹ค.
  • ๋ฉด์ ‘์‹œ CS ์งˆ๋ฌธ?
    • ์•ˆํ•œ๋‹ค.
    • ๋ฆฌ์—‘ํŠธ ํŒ€์— CS ์ „๊ณต์ž ์•„๋ฌด๋„ ์—†๋‹ค.
  • ํฌ๋กœ์Šค๋ธŒ๋ผ์šฐ์ง• ํ…Œ์ŠคํŠธ?
    • babel preset
    • ๊ฐค๋Ÿญ์‹œ s3์™€ ๊ฐ™์ด ์ผ์ผ์ด ํ™˜๊ฒฝ์„ ๋‹ค ์ฒดํฌํ•˜์ง€๋Š” ์•Š๋Š”๋‹ค.
    • ์ผ๋‹จ ๋‚˜๊ฐ€๊ณ  ํ„ฐ์ง€๋ฉด ๋กค๋ฐฑ
  • ์†Œํ†ต?
    • ํด๋Ÿฝํ•˜์šฐ์Šค์—์„œ ํ† ์š”์ผ ์ด์•ผ๊ธฐํ•˜๊ณ  ์žˆ์Œ