GiantStepDEV
article thumbnail

์ œ๋ชฉ์ฒ˜๋Ÿผ ์•ฝ 7๊ฐœ์›”์˜ ๊ตญ๋น„ ์ˆ˜๋ฃŒ๋ฅผ ๋๋งˆ์นœ ํ›„ ํ•œ ๋‹ฌ๊ฐ„ ์ทจ์ค€ํ•˜์—ฌ ์ทจ์—…์— ์„ฑ๊ณตํ•˜์˜€์Šต๋‹ˆ๋‹ค.

๊ทธ ๊ฐ„ ์žˆ์—ˆ๋˜ ์ผ ํ’€์–ด๋ณผ๊ฒธ ์ดˆ์‹ฌ ์žƒ์ง€ ์•Š์„๊ฒธ ์กธ๋ฆฐ ๋ˆˆ ๊พน ์ฐธ์œผ๋ฉฐ ํ•œ๋ฒˆ ์จ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

 


์„œ๋ฅ˜๋Š” ์‚ฌ๋žŒ์ธ, ์žก์ฝ”๋ฆฌ์•„, ์›ํ‹ฐ๋“œ ๋“ฑ ์•ˆ๊ฐ€๋ฆฌ๊ณ  ์‹ ์ž… ๊ธ€์ž ๋ถ™์€ ๊ณณ์€ ๋‹ค ์ง€์›ํ–ˆ๋˜ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์ œ ์›๋ž˜ ๋ชฉํ‘œ๋Š” ์„œ๋น„์Šค๊ธฐ์—…์ด์—ˆ์œผ๋‚˜.. ๋Œ€๋ถ€๋ถ„ ์„œ๋ฅ˜ ํƒˆ๋ฝํ•˜๋Š” ์“ด ๋ง›์„ ๋ดค์Šต๋‹ˆ๋‹ค.. ^^ํ›„ํ›„..

(์ด์™€์ค‘์— ์œ ๋‹ˆ์ฝ˜ ๊ธฐ์—…๋“ค์€ ์•ˆ ๋ ๊ฑฐ ์•Œ์•„์„œ ์ง€์›ํ•  ์ƒ๊ฐ๋„ ๋ชปํ•จ)

์ด์™œ์ง„..

์•„ ์Šคํฌ๋กค ๋” ๊ธธ์–ด์š”. ๋‹ค ์บก์ณํ•˜๊ธฐ ๊ท€์ฐฎ์•„์„œ ๊ทธ๋ƒฅ ์œ„์—๋งŒใ…Žใ…Ž

๊ทผ๋ฐ ๋‹ค์‹œ ์ƒ๊ฐํ•ด๋ณด๋ฉด ๋‹น์—ฐํ•œ ๊ฒฐ๊ณผ์˜€์Œ.

 

์ „๊ณต์ž? ์•„๋‹˜.

์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ? ์—†์Œ.

๊ฒฝ๋ ฅ? ์žˆ์„๋ฆฌ๊ฐ€.

์ฝ”ํ…Œ? ์ž์‹  ์žˆ๋Š” ์ƒํƒœ๋Š” ์•„๋‹ˆ์—ˆ์Œ.

 

๊ทธ๋‚˜๋งˆ ๋น„๋นŒ ์ˆ˜ ์žˆ๋Š”๊ฑด ์—ด์‹ฌํžˆ ํ•œ ํฌํŠธํด๋ฆฌ์˜ค๋ฟ..ํ•˜์ง€๋งŒ ์„ธ์ƒ์€ ํ˜ธ๋ฝํ˜ธ๋ฝํ•˜์ง€ X

ํ•˜์—ฌ ์ œ๊ฐ€ ๊ฐ€๊ณ ์‹ถ์—ˆ๋˜ ํšŒ์‚ฌ๋“ค์€ ๊ทธ๋ ‡๊ฒŒ ๊ด‘ํƒˆ์„ ํ•˜๊ณ ๋ง™๋‹ˆ๋‹ค.

 

๊ทธ๋Ÿฌ๋‹ค๊ฐ€ ์Šฌ์Šฌ ๋ฉด์ ‘ ์ œ์˜๊ฐ€ ๋“ค์–ด์˜ค๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค.

 

๋‘๋‘ฅ.

 

1. MํšŒ์‚ฌ(B2B ์†”๋ฃจ์…˜, ํ”„๋ก ํŠธ์—”๋“œ)

-> ์—ฌ๊ธฐ๋Š” ์ง€์›ํ•  ๋•Œ ์ง€์›๋ถ„์•ผ๋ฅผ ์„ ํƒํ•ด์„œ ์ง€์›ํ•˜๋Š” ๊ฒŒ ์•„๋‹ˆ์—ˆ์–ด์„œ ๊ทธ๋Ÿฐ์ง€..

๋ฐฑ์—”๋“œ ํŒŒํŠธ๋ฅผ ๋“ค์–ด๊ฐ€๊ณ  ์‹ถ์—ˆ๋Š”๋ฐ ํ”„๋ก ํŠธ์—”๋“œ๋กœ ๋ฉด์ ‘ ๋ดค์Šต๋‹ˆ๋‹ค.

 

๊ทธ๋ž˜์„œ ๊ทธ๋Ÿฐ๊ฐ€..ใ…Žใ…Ž

๋ฐฑ์—”๋“œ๋งŒ ์ค€๋น„ํ–ˆ์—ˆ์–ด์„œ ํ”„๋ก ํŠธ์—”๋“œ ์ชฝ ๊ฐ„๋‹จํ•œ ์งˆ๋ฌธ๋“ค์€ ํ•˜๋‚˜ ๊ผฌ์ด๋‹ˆ๊นŒ ๊ณ„์† ๊ผฌ์—ฌ์„œ 2๊ฐœ ์งˆ๋ฌธ์— ๋‹ต์„ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค..๋œจ์–ต

๋‹น์—ฐํ•˜๊ฒŒ๋„! ๋ถˆํ•ฉ๊ฒฉ!

 

๊ทธ๋Ÿผ์—๋„ ๋ฉด์ ‘๊ด€ ๋ถ„๋“ค๊ป˜์„œ ํŽธ์•ˆํ•œ ๋ถ„์œ„๊ธฐ๋ฅผ ์กฐ์„ฑํ•ด์ฃผ์…”์„œ ๊ธฐ๋ถ„ ์ข‹๊ฒŒ ๋ณด๊ณ ์™”์Šต๋‹ˆ๋‹ค. ใ…Žใ…Ž

์ด๊ฑด ์•ˆ๋ ๊ฑฐ๋ž€๊ฑธ ์•Œ์•˜์–ด์„œ ๊ทธ๋Ÿฐ๊ฐ€.. ๊ถ๊ธˆํ–ˆ๋˜๊ฑฐ ๋‹ค ๋ฌผ์–ด๋ณด๊ณ  ์† ์‹œ์›ํ–ˆ๋˜ ๐Ÿ˜Š

  • ๋ฉด์ ‘ ์งˆ๋ฌธ
    1. ๋ธŒ๋ผ์šฐ์ € ์ž‘๋™ ์›๋ฆฌ์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”.
    2. useState์˜ ์žฅ๋‹จ์ ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด๋ณด์„ธ์š”.
    3. RESTful์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”.
    4. HTTP ํ”„๋กœํ† ์ฝœ์— ๋Œ€ํ•ด ๊ฐ„๋žตํžˆ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”.
    5. SSR๊ณผ CSR์˜ ์ฐจ์ด์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”
    6. ํ”„๋กœ์ ํŠธ์‹œ ๊ฐ€์žฅ ๊ธฐ์–ต์— ๋‚จ๋Š” ๊ฒƒ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    7. ์ŠคํŠธ๋ ˆ์Šค ํ•ด์†Œ ๋ฐฉ๋ฒ•?
    8. ์•ผ๊ทผ ๊ดœ์ฐฎ์€์ง€?
    9. ๊ฐˆ๋“ฑ ํ•ด๊ฒฐ์€ ์ฃผ๋กœ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”์ง€?

2. DํšŒ์‚ฌ(B2C ์„œ๋น„์Šค, ํ”„๋ก ํŠธ์—”๋“œ, ์Šคํƒ€ํŠธ์—…)

ํ”„๋กœ์ ํŠธ ํ”„๋ก ํŠธ๋ฅผ ๋ฆฌ์•กํŠธ๋กœ ํ•ด์„œ ๊ทธ๋Ÿฐ๊ฐ€..์†”๋ฃจ์…˜์ชฝ์€ ํ”„๋ก ํŠธ์—”๋“œ๋กœ ์ง€์›ํ•œ ๊ณณ๋งŒ ์—ฐ๋ฝ์ด ์™”์–ด์š”.

-> ์—ฌ๊ธฐ๋Š” ์„œ๋ฅ˜ ํ•ฉ๊ฒฉ ํ›„ ์‚ฌ์ „ ๊ณผ์ œ๊ฐ€ ์žˆ์–ด์„œ ์ผ์ฃผ์ผ๊ฐ„ ๋งŒ๋“ค๊ณ , ๋ณด๋ƒˆ์œผ๋‚˜ ํƒˆ๋ฝ..!

 

๊ณผ์ œ๋Š” ํ”ผ๊ทธ๋งˆ ์‚ฐ์ถœ๋ฌผ ๋ณด๊ณ  ๊ทธ๋Œ€๋กœ ๊ตฌํ˜„ํ•ด๋‚ด๋Š” ๊ฒƒ์œผ๋กœ, ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€๊ฐ™์€ ๋А๋‚Œ์ด์—ˆ์–ด์š”.

API๋Š” Ajax๋กœ ํ•˜๋žฌ๋Š”๋ฐ Axios๋กœ๋„ ํ•ด๋„ ๋œ๋Œ€์„œ ์ €๋Š” Axios๋กœ ํ–ˆ์Šต๋‹ˆ๋‹ค.

 

๋‚œ์ด๋„๋Š” ์–ด๋ ต์ง€ ์•Š์•˜๋Š”๋ฐ ์ฃผ์„์„ ๋„ˆ๋ฌด ์•ˆ๋‹ฌ์•„์„œ..๊ทธ๋žฌ๋Š”์ง€ ์–ด์จŒ๋Š”์ง€ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์„ ์ˆ˜ ์—†์–ด์„œ ์กฐ๊ธˆ ์•„์‰ฌ์› ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ž˜๋„ ํ•ฉ๋ถˆ ์—ฌ๋ถ€ ๋ฉ”์ผ๋กœ ์ฃผ์…”์„œ ์ข‹์•˜์Šต๋‹ˆ๋‹ค. (์ด๋Ÿฐ๊ฑฐ์—์„œ ํ˜ธ๊ฐ ๋А๋ผ๋Š” ํŽธ)

 

3. CํšŒ์‚ฌ(SI์—…์ฒด)

-> ๋น„๋Œ€๋ฉด ๋ฉด์ ‘์€ ์ฒ˜์Œ์ด์—ˆ๋Š”๋ฐ ์ƒ๊ฐ๋ณด๋‹ค ์ง‘์—์„œ ๋ณด๋Š” ๊ฑฐ ๋‚˜์˜์ง€ ์•Š์•˜๋˜!

๋ฉด์ ‘์„ ๋งŽ์ด ๋ณธ ๊ฒƒ์€ ์•„๋‹ˆ์ง€๋งŒ ์‹ ์ž… ์ฑ„์šฉ์ด๋ผ ๊ทธ๋Ÿฐ์ง€ ๊ธฐ์ˆ ์งˆ๋ฌธ์€ ๋งŽ์ด ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

๋Œ€๋ถ€๋ถ„ ์ธ์„ฑ์งˆ๋ฌธ์ด๊ฑฐ๋‚˜ ํ”„๋กœ์ ํŠธ ํ•  ๋•Œ ์–ด๋–ค ์ ์ด ์–ด๋ ค์› ์—ˆ๋Š”์ง€ ์ •๋„?

์—ฌ๊ธฐ๋Š” ํ•ฉ๊ฒฉํ–ˆ๋Š”๋ฐ ์ธ์›์ด ๋„ˆ๋ฌด ์†Œ์ˆ˜์—ฌ์„œ ๊ณ ๋ฏผํ•˜๋‹ค๊ฐ€ ์•ˆ๊ฐ”์Šต๋‹ˆ๋‹ค.๐Ÿฅน

  • ๋ฉด์ ‘ ์งˆ๋ฌธ
    1. ์ž๊ธฐ์†Œ๊ฐœ
    2. ๋ฐฑ์—”๋“œ / ํ”„๋ก ํŠธ์—”๋“œ ์–ด๋–ค ๊ฒƒ์ด ๋” ์ž์‹ ์žˆ๋Š”์ง€?
    3. ์ด์ „ ๊ธฐ์—…์—์„œ๋Š” ์–ด๋–ค ์—…๋ฌด๋ฅผ ๋‹ด๋‹นํ–ˆ๋Š”์ง€?
    4. ๊ฒŒ์‹œํŒ์„ ๋งก๊ฒŒ ๋  ๊ฒฝ์šฐ ์–ด๋А ์ •๋„ ๊ฑธ๋ฆด ๊ฒƒ ๊ฐ™์€์ง€?
    5. ๋””๋ฒ„๊น…์€ ์–ด๋–ค ์‹์œผ๋กœ ์ฒ˜๋ฆฌํ–ˆ๋Š”์ง€?
    6. ์›น์†Œ์ผ“๊ณผ HTTPS๋ฅผ ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๋ชปํ–ˆ๋Š”๋ฐ ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ์„ฑ๊ณต์ ์œผ๋กœ ๊ตฌํ˜„ํ•˜๊ฒŒ ๋œ ๊ณ„๊ธฐ?
    7. ์žฅ๊ธฐ์ ์œผ๋กœ ์–ด๋–ค ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ์€์ง€?
    8. ์„œ๋น„์Šค ๊ธฐํš์„ ํ–ˆ๋‹ค ํ–ˆ๋Š”๋ฐ ์™€์ด์–ด ํ”„๋ ˆ์ž„ ํˆด๋„ ์‚ฌ์šฉํ•ด๋ดค๋Š”์ง€
    9. ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ํ•˜๋ฉด์„œ ํŒ€์›๊ณผ๋Š” ์†Œํ†ต์„ ์–ด๋–ป๊ฒŒ ํ–ˆ๋Š”์ง€?
    10. ์ƒˆ๋กœ์šด ๊ธฐ์ˆ  ์Šต๋“์ด ๋น ๋ฅธ ํŽธ์ธ์ง€?

4. MํšŒ์‚ฌ(SI&์†”๋ฃจ์…˜์—…์ฒด)

-> ์—ฌ๊ธด 1์ฐจ ๋ฉด์ ‘ ์ „์— ์ธ์ ์„ฑ์„ ํ’€์–ด์•ผ ๋๋Š”๋ฐ..์ •๋ง ์ค€๋น„ 1๋„ ์—†์ด ๊ฐ€์„œ ๋ฌด์Šจ ์ •์‹ ์œผ๋กœ ํ’€์—ˆ๋Š”์ง€ ๊ธฐ์–ต๋„ ์•ˆ๋‚˜์š”..ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹

๊ทธ๋ž˜๋„ ์–ด์ฐŒ ์ปทํŠธ๋ผ์ธ์€ ๋„˜๊ฒผ๋Š”๊ฐ€..๋ถ™์€๊ฒŒ ์‹ ๊ธฐํ–ˆ๋˜..ใ…œใ…œ

์‹œํ—˜์€ ์•ฝ 20๋ถ„๊ฐ„ ์ฃผ์–ด์กŒ๊ณ , 1์ฐจ๋Š” ๋‹ค๋Œ€๋‹ค๋กœ 5:2๋กœ ๋ดค์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ๋„ ์‹ ์ž… ์ „ํ˜•์ด๋ผ ๊ทธ๋Ÿฐ์ง€ ๊ธฐ์ˆ  ์งˆ๋ฌธ๋ณด๋‹ค๋Š” ์ธ์„ฑ ์งˆ๋ฌธ ๋น„์ค‘์ด ๋” ๋†’์•˜์–ด์š”.

์‹ ์ž… ์งˆ๋ฌธ์€ ๋น„์Šทํ•ด์„œ ์ด์ฏค๋˜๋‹ˆ ํˆญ ์น˜๋ฉด ๋Œ€๋‹ต์ด ๋‚˜์˜ฌ ์ •๋„๋กœ ์ˆ ์ˆ ์ˆ  ๋‚˜์™”์—ˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ˜…

  • ๋ฉด์ ‘ ์งˆ๋ฌธ
    1. ํ•™์›์—์„œ ์–ด๋–ค ๊ฒƒ์„ ๋ฐฐ์› ๋Š”์ง€?
    2. ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด๋‹ฌ๋ผ.
    3. ๋งก์€ ์—ญํ• ์€ ๋ฌด์—‡์ธ์ง€?
    4. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ๊ธฐํšํ•˜๊ฒŒ ๋œ ์ด์œ 
    5. TDD๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
    6. ์ด์ „์— ๊ฐœ๋ฐœ ๊ด€๋ จ ์ผ์„ ํ•œ ์ ์ด ์žˆ๋Š”์ง€?(๊ณต๋ถ€ํ•œ ์  ์žˆ๋Š”์ง€?)
    7. ๊ฐœ๋ฐœ์ž๋กœ ์ „ํ–ฅํ•˜๊ฒŒ ๋œ ์ด์œ 
    8. ํšŒ์‚ฌ์— ์ž…์‚ฌํ•˜๊ฒŒ ๋  ๊ฒฝ์šฐ ์–ด๋–ค ๋ชจ์Šต์„ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๋Š”์ง€?

2์ฐจ๋Š” 1:2๋กœ ์ž„์› ๋ฉด์ ‘์ด์—ˆ๋Š”๋ฐ์š”. ์•ฝ 30๋ถ„๊ฐ„ ์ง„ํ–‰ํ–ˆ๊ณ , ์งˆ๋ฌธ์€ 1์ฐจ์™€ ๋น„์Šทํ–ˆ์Šต๋‹ˆ๋‹ค!

์—ฌ๊ธฐ ํ•ฉ๊ฒฉ ํ†ต์ง€๊ฐ€ ์™€์„œ ์•ฝ ์ผ์ฃผ์ผ๊ฐ„ ํ‘น ์‰ฌ๊ณ , 9์›” 1์ผ๋ถ€ํ„ฐ ์ž…์‚ฌํ•˜์—ฌ ์—ด์‹ฌํžˆ(? ๋‹ค๋‹ˆ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค!


ํ›„๊ธฐ๋Š” ์—ฌ๊ธฐ๊นŒ์ง€ ์ž…๋‹ˆ๋‹น!

2023๋…„์˜ ๊ธด ์—ฌ์ •์ด ๋งˆ์นจํ‘œ๋ฅผ ์ฐ๊ฒŒ ๋˜์—ˆ๋Š”๋ฐ.. ์ด๊ฒŒ ๋์ด ์•„๋‹Œ ์‹œ์ž‘์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋‹ˆ ๊ธด์žฅ๋˜๋„ค์š” ใ…œใ…œ.

 

์ œ๊ฐ€ ์ฝ”๋“œ ๋งŒ์ง„๊ฒŒ ํ•œ ๋‹ฌ์ด ๋„˜์–ด๊ฐ€๋‹ค๋ณด๋‹ˆ ์†๋„ ๊ตณ๊ณ ,

์•„์ง๋„ ์–ผ๋–จ๋–จํ•œ๋ฐ ๋‹น์žฅ ๋‹ด์ฃผ๋ถ€ํ„ฐ ์•ฝ 2์ฃผ๊ฐ„ ๊ฐœ๋ณ„ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•ด์•ผํ•ด์„œ ๊ธด์žฅ MAX.

(์ฝ”๋“œ ์น˜๋Š” ๊ฒƒ๋ณด๋‹ค ์ฃผ์ œ ์ƒ๊ฐํ•˜๋Š”๊ฒŒ ๋” ํž˜๋“ )

 

๋จธ ์•„๋ฌดํŠผ ์ €๋„ ์ด์ œ ๊ณง ๋งŒ 29์„ธ๊ฐ€ ๋˜๋Š”๋ฐ 20๋Œ€๋ฅผ ์ด๋ฆฌ์ €๋ฆฌ ๋ฐฉํ™ฉํ•˜๋‹ค๊ฐ€ ๋“œ๋””์–ด ์ œ ์ž๋ฆฌ๋ฅผ ์ฐพ์€๊ฑด์ง€

์•„๋‹ˆ๋ฉด ๋˜ 10๋…„ ๋’ค, ์ธ์ƒ ์–ด๋–ป๊ฒŒ ๋ ์ง€ ๋ชจ๋ฅธ๋‹ค๋ฉฐ ์ „ํ˜€ ๋‹ค๋ฅธ ์ผ์„ ํ•˜๊ณ  ์žˆ์„์ง€๋Š” ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ

 

ํ•˜๋ฃจํ•˜๋ฃจ ์ตœ์„ ์„ ๋‹คํ•ด์„œ ํ›„ํšŒ์—†์ด ์‚ด์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

์‹œ๊ฐ„๋˜๋ฉด ์ข…์ข… ์ž…์‚ฌ ํ•œ ๋‹ฌ ํ›„๊ธฐ, 3๊ฐœ์›” ํ›„๊ธฐ, 6๊ฐœ์›” ํ›„๊ธฐ ๋‚จ๊ฒจ๋ณด๋„๋ก ๋…ธ๋ ฅ์„..์˜ˆ์˜ˆ..

 

๊ทธ๋Ÿผ ์ง„์งœ ์•ˆ๋…•!!

profile

GiantStepDEV

@kongmi

ํฌ์ŠคํŒ…์ด ์ข‹์•˜๋‹ค๋ฉด "์ข‹์•„์š”โค๏ธ" ๋˜๋Š” "๊ตฌ๋…๐Ÿ‘๐Ÿป" ํ•ด์ฃผ์„ธ์š”!