์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

๋น„์ „๊ณต์ž๋ฅผ ์œ„ํ•œ ํ’€์Šคํƒ ๋ง›์ง‘์ง€๋„ ๋งŒ๋“ค๊ธฐ ํ”„๋กœ์ ํŠธ!: Front, Back-end ๊ทธ๋ฆฌ๊ณ  ๋ฐฐํฌ๊นŒ์ง€

๋‚ด๊ฐ€ ์ข‹์•„ํ•˜๋Š” ์œ ํŠœ๋ฒ„์˜ ๋ง›์ง‘์ง€๋„๋ฅผ ๋งŒ๋“ค๋ฉด์„œ ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ, ์นด์นด์˜ค๋งต API ์‚ฌ์šฉ๋ฒ•, ๋ฐฐํฌ๊นŒ์ง€ ํ•œ๋ฒˆ์— ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ํ’€์Šคํƒ ๋ง›์ง‘์ง€๋„ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

(4.8) ์ˆ˜๊ฐ•ํ‰ 37๊ฐœ

์ˆ˜๊ฐ•์ƒ 753๋ช…

๋‚œ์ด๋„ ์ดˆ๊ธ‰

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

์•ผ๋†€์ž
์‚ผ์„ฑ
ํ•œํ™”์‹œ์Šคํ…œ/ICT
ํ˜„๋Œ€์ž๋™์ฐจ
ํ•˜๋‚˜๊ธˆ์œตํ‹ฐ์•„์ด

ํ•˜๋‚˜๊ธˆ์œตํ‹ฐ์•„์ด

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

์•ผ๋†€์ž
์‚ผ์„ฑ
ํ•œํ™”์‹œ์Šคํ…œ/ICT
ํ˜„๋Œ€์ž๋™์ฐจ
ํ•˜๋‚˜๊ธˆ์œตํ‹ฐ์•„์ด

ํ•˜๋‚˜๊ธˆ์œตํ‹ฐ์•„์ด

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

๋จผ์ € ๊ฒฝํ—˜ํ•œ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ํ›„๊ธฐ

4.8

5.0

์ดํฌ์€

6% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

์„ค๋ช… ๋„ˆ๋ฌด ์ž˜ํ•ด์ฃผ์…”์„œ ์ž˜ ๋”ฐ๋ผ๊ฐ€๊ณ ์žˆ์Šต๋‹ˆ๋‹ค. ์ข‹์€ ๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

5.0

ํ€€ํ…€์ฝ”๋”

88% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

๋…ธ๋“œjs ๋ถ€๋ถ„๋นผ๊ณ ๋Š” ์ •๋ง ์ข‹์•„์š”. ๊ทผ๋ฐ ๋…ธ๋“œjs ๋ถ€๋ถ„๊นŒ์ง€ ๋‹ค ์„ค๋ช…ํ•˜๋ ค๋ฉด ์†”์งํžˆ ๊ทธ๊ฒƒ๋„ ์•„๋‹Œ๊ฑฐ๊ฐ™๊ตฌ์š”.. ๋ฌด์—‡๋ณด๋‹ค ๊ฐ•์‚ฌ๋‹˜ ์งˆ์˜์‘๋‹ต์ด ๋„ˆ๋ฌด์ข‹์Šต๋‹ˆ๋‹ค. ์†”์งํžˆ ๋ˆ ์•ˆ ์•„๊น์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ ์ด์ œ ๋์„ ๋‹ฌ๋ ค๊ฐ€๋Š”๋ฐ ์ œ๋ฐ”๋ฐ”์•Œ ๋ฐฐํฌ๊นŒ์ง€ ์„ฑ๊ณตํ• ์ˆ˜์žˆ์—ˆ์Œ์ข‹๊ฒ ์–ด์š”. ํ• ์ˆ˜์ž‡๊ฒŸ์ฃ ใ…œใ…œ?

5.0

์„ค์ด

31% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

์ดํ•ดํ•˜๊ธฐ์ข‹์•„์š”

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • ์›น ํ”„๋ก ํŠธ์—”๋“œ: HTML, CSS, JS

  • Open API: ์นด์นด์˜ค๋งต API

  • ์„œ๋ฒ„&๋ฒก์—”๋“œ: Nginx + Express.js: Rest API

  • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค: MySQL, DB์„ค๊ณ„์™€ SQL

  • ํด๋ผ์šฐ๋“œ: AWS EC2 + Ubuntu

  • Git & Github

๊ฐœ๋ฐœ์˜ ์ „๊ณผ์ •์„ ๊ฒฝํ—˜ํ•˜๊ณ 
๊ฒฐ๊ณผ๋ฌผ๊นŒ์ง€ ๋งŒ๋“ค์–ด์š” ๐Ÿ—บ


์šฐ๋ฆฌ๊ฐ€ ์ฝ”๋”ฉ์„ ๋ฐฐ์šฐ๋Š” ์ด์œ ๋Š” ์šฐ๋ฆฌ์—๊ฒŒ ํ•„์š”ํ•œ ๊ฒƒ์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•จ์ธ๋ฐ,
๋ชฉ์ ์—†์ด ๋ฐฐ์šฐ๋‹ค ๋ณด๋ฉด ์›๋ž˜์˜ ์˜๋„์™€๋Š” ๋‹ค๋ฅด๊ฒŒ ์ตœ์‹  ๊ธฐ์ˆ  ์Šคํƒ๋งŒ์„ ๋”ฐ๋ผ๊ฐˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ์˜ ์ „ ๊ณผ์ •์„ ์ง์ ‘ ๊ฒฝํ—˜ํ•ด๋ณด๊ณ  ๋‚ด๊ฐ€ ํฅ๋ฏธ๋ฅผ ๋А๋ผ๋Š” ๋ถ„์•ผ์— ์ง‘์ค‘ํ•ด๋„ ๋Šฆ์ง€ ์•Š์•„์š”.
๋„ˆ๋ฌด ๋‚œ์ด๋„๊ฐ€ ๋†’์€ ๊ธฐ์ˆ ์„ ๋ฐฐ์ œํ•˜๊ณ  ๊ฐœ๋ฐœ ํ”„๋กœ์„ธ์Šค ๊ฒฝํ—˜์ด๋ผ๋Š” ์ทจ์ง€์— ํฌ์ปค์Šค๋ฅผ ๋งž์ถฐ ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

๋ณธ ๊ฐ•์˜์—์„œ๋Š” ๋ง›์ง‘ ์ง€๋„ ์„œ๋น„์Šค ์ œ์ž‘์— ํ•„์š”ํ•œ ๊ณผ์ •์„ A๋ถ€ํ„ฐ Z๊นŒ์ง€ ๋‹ค๋ฃจ์–ด๋ณด๋ฉฐ,
๋‚ด๊ฐ€ ์ข‹์•„ํ•˜๋Š” ์œ ํŠœ๋ฒ„์˜ ๋ง›์ง‘ ์ง€๋„๋ฅผ ์ฐจ๊ทผ์ฐจ๊ทผ ๋งŒ๋“ค์–ด๋ด…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜ ์ถ”์ฒœ๋“œ๋ ค์š” ๐Ÿ‘Œ

๊ฐœ๋ฐœ ๊ฒฝํ—˜์ด
์•„์ง ๋ถ€์กฑํ•œ ๋ถ„

์›น์„œ๋น„์Šค๋ฅผ
๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„

ํ”„๋กœํ† ํƒ€์ž…์„
๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„

๋…ํŠนํ•œ ์ง€๋„์„œ๋น„์Šค๋ฅผ
๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„


์ด ๊ฐ•์˜๋งŒ์˜ ํŠน์ง•์„

์•Œ๋ ค๋“œ๋ฆด๊ฒŒ์š” ๐Ÿšฉ

1. ๊ธฐ๋ณธ ๊ธฐ์ˆ ์— ์ถฉ์‹คํ•˜์—ฌ ์ตœ๋Œ€ํ•œ ํ™œ์šฉํ•˜๋Š” ๊ฐ•์˜

๊ผญ ์ตœ์‹  ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์•Œ๊ณ  ์žˆ์–ด์•ผ๋งŒ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค.
์˜คํžˆ๋ ค ๊ธฐ๋ณธ ๊ธฐ์ˆ ์„ ๋ชจ๋ฅด๋Š” ์ƒํƒœ์—์„œ ์ตœ์‹  ๊ธฐ์ˆ ๋ถ€ํ„ฐ ๋ฐฐ์šด๋‹ค๋ฉด ๊ธˆ๋ฐฉ ํฅ๋ฏธ๋ฅผ ์žƒ๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค.
๋ณธ ๊ณผ์ •์€ ์›น ํด๋ผ์ด์–ธํŠธ๋ถ€ํ„ฐ ์„œ๋ฒ„, ๋ฐฐํฌ ๊ธฐ์ˆ ๊นŒ์ง€ ์ตœ๋Œ€ํ•œ ํ™œ์šฉํ•˜๋Š” ๊ฒƒ์— ์ดˆ์ ์„ ๋งž์ท„์Šต๋‹ˆ๋‹ค.

2. ์‹ค์ œ ์›น ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๋ฉฐ ์ตํžˆ๋Š” ํ’€์Šคํƒ ๊ธฐ์ˆ 

์ฒ ์ €ํ•˜๊ฒŒ ํ•ต์‹ฌ ์œ„์ฃผ๋กœ ํ•™์Šตํ•˜์—ฌ ์‹ค์Šต ์œ„์ฃผ๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ์ด 1์ˆœ์œ„ ๋ชฉํ‘œ์ž…๋‹ˆ๋‹ค.
- HTML, CSS๋ฅผ ๋ฐฐ์šฐ๊ณ , ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํผ๋ธ”๋ฆฌ์‹ฑ ํ”„๋กœ์ ํŠธ,
- AWS ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  REST API ์„œ๋ฒ„ ๊ตฌํ˜„, ๊ทธ๋ฆฌ๊ณ  ๋ฐฐํฌ๊นŒ์ง€!

3. ๋‚ด ๊ฒƒ์œผ๋กœ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์—ฐ์Šต

๊ฐ•์˜ ์ค‘๊ฐ„๋งˆ๋‹ค ๋ฐฐ์šด ๋‚ด์šฉ์„ ์ง์ ‘ ์‹ค์Šตํ•ด๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํ€ด์ฆˆ๊ฐ€ ๋‚˜์˜ค๋Š”๋ฐ,
๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๋ฉฐ ์ง์ ‘ ํ’€์–ด๋ณธ๋‹ค๋ฉด ๋ฐฐ์šด ์ง€์‹๋“ค์„ ์ง„์งœ ๋‚ด ๊ฒƒ์œผ๋กœ ๋งŒ๋“œ๋Š”๋ฐ ๋„์›€์ด ๋  ๊ฒ๋‹ˆ๋‹ค.

4. ์›ํ™œํ•œ ์งˆ์˜์‘๋‹ต & ๋‹ค์–‘ํ•œ ๊ฐ•์˜์ž๋ฃŒ

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

ํด๋ผ์ด์–ธํŠธ & ์„œ๋ฒ„๋ฅผ ๋ฐฐ์›Œ์š” ๐Ÿ‘จโ€๐Ÿ’ป

ํด๋ผ์ด์–ธํŠธ

  1. ํ•ต์‹ฌ ์ฝ•์ฝ•! HTML, CSS
    • HTML ์ฃผ์š”ํƒœ๊ทธ
    • CSS Box Model, Position, Flex...
  2. ๋ง›์ง‘์ง€๋„ ์ผ๋‹จ ๋งŒ๋“ค์–ด๋ด์š”! : HTML, CSS + ์นด์นด์˜ค๋งต ํผ๋ธ”๋ฆฌ์‹ฑ
    • HTML, CSS๋กœ ๋ง›์ง‘์ง€๋„ ๋ผˆ๋Œ€ ๋งŒ๋“ค๊ธฐ
    • ์นด์นด์˜ค๋งต API๋กœ ์ง€๋„ ๋„ฃ๊ธฐ
  3. ๊น”๋”ํ•˜๊ฒŒ ์ •๋ฆฌํ•˜๋Š” Javascript ๋ฌธ๋ฒ•
    • variable, operator..
    • condition, loop
    • function
  4. JS DOM๊ณผ ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ
    • DOM && Event Handling
    • Asynchronous
  5. ์นด์นด์˜ค๋งต API
    • ์ง€๋„ ์ƒ์„ฑ & ์ปจํŠธ๋กค๋Ÿฌ
    • Marker ์ƒ์„ฑ
    • InfoWindow ์ปค์Šคํ„ฐ๋งˆ์ด์ง•
    • ์นดํ…Œ๊ณ ๋ฆฌ ํ•ธ๋“ค๋ง

์„œ๋ฒ„

  1.  ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ•˜์ž! ์‰ฝ๊ฒŒ ์ดํ•ดํ•˜๊ณ  ๋งŒ๋“œ๋Š” AWS ์„œ๋ฒ„
    • AWS EC2 + Linux Ubuntu
    • Nginx, Node Express.js, MySQL
  2. ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ๊ณต๊ฐ„, MySQL๋กœ ๋ฐฐ์šฐ๋Š” DB ์„ค๊ณ„๋ฐฉ๋ฒ•๊ณผ SQL
    • ERD ์„ค๊ณ„
    • Query
  3. ๋ฐ์ดํ„ฐ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์ œ๊ณตํ•˜๋Š”, Express.js ๋ฐฑ์—”๋“œ์™€ REST API
    • REST API
    • Express ์‚ฌ์šฉ๋ฒ•
    • CRUD API ๊ตฌํ˜„
  4. ๋ง›์ง‘์ง€๋„๋ฅผ ์™„์„ฑํ•ด๋ณผ๊นŒ์š”?
    • ํ”„๋กœ์ ํŠธ ์™„์„ฑ ๊ณผ์ œ
  5. ๋ฐฐํฌํ•˜๊ธฐ: ์ „ ์„ธ๊ณ„์—์„œ ๋‚ด ๋ง›์ง‘์ง€๋„๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก
    • Git, Github
    • PM2 ๋ฌด์ค‘๋‹จ ๋ฐฐํฌ
    • Domain ์ ์šฉ


์—ฌ๋Ÿฌ๋ถ„๋“ค์˜ ๋ฏธ๋ž˜ ๋ชจ์Šต ๐Ÿ˜Ž

  • HTML, CSS๋ฅผ ํ™œ์šฉํ•ด์„œ ์›น์‚ฌ์ดํŠธ์˜ ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์นด์นด์˜ค๋งต API๋ฅผ ํ•„์š”ํ•œ ํ˜•ํƒœ๋กœ ์ปค์Šคํ…€ํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„์˜ ๊ฐœ๋…์„ ์ดํ•ดํ•˜๊ณ  ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • AWS EC2 Linux Ubuntu ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • REST API์˜ ๊ฐœ๋…์„ ์ดํ•ดํ•˜๊ณ  ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ํ•„์š”ํ•œ REST API๋ฅผ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์‚ฌ์ดํŠธ๋ฅผ ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์˜ˆ์ƒ ์งˆ๋ฌธ Q&A ๐Ÿ’ฌ

Q. ์™œ ํ’€์Šคํƒ ๊ธฐ์ˆ ์„ ๋ฐฐ์›Œ์•ผ ํ• ๊นŒ์š”?
ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ž…๋ฌธํ•˜์‹œ๋Š” ๋ถ„๋“ค์ด ๋ฌธ๋ฒ• ๊ณต๋ถ€๋งŒ ๋ฐ˜๋ณตํ•˜๋‹ค๊ฐ€ ์‹ค์ œ ๊ฐœ๋ฐœ์€ ํ•ด๋ณด์ง€ ๋ชปํ•˜๊ณ  ํฌ๊ธฐํ•˜๋Š” ๊ฒฝ์šฐ๋ฅผ ๋งŽ์ด ๋ดค์Šต๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์‚ฌ๊ณ ๋ ฅ์„ ์š”๊ตฌํ•˜๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ถ„์•ผ์™€ ์‹ค์ „ ๊ฐœ๋ฐœ ๋ถ„์•ผ๋Š” ๋˜ ์ฐจ์ด์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ํ’€์Šคํƒ ๊ธฐ์ˆ ์„ ์ตํžˆ๋ฉฐ ํ”„๋กœ์ ํŠธ์˜ A-Z๋ฅผ ๋А๊ปด๋ณด๋Š” ๊ฒฝํ—˜์„ ๋“œ๋ฆฌ๊ณ  ์‹ถ์–ด์š”!

Q. ์ฝ”๋”ฉ์€ ์ฒ˜์Œ์ธ๋ฐ ์ˆ˜๊ฐ•ํ•ด๋„ ๊ดœ์ฐฎ์„๊นŒ์š”?
๋น„์ „๊ณต์ž๋“ค๋„ ์ˆ˜๊ฐ•ํ•˜์‹ค ์ˆ˜ ์žˆ๋„๋ก ์ตœ๋Œ€ํ•œ ์‹ ๊ฒฝ์จ์„œ ๊ฐ•์˜๋ฅผ ๊ตฌ์„ฑํ–ˆ์ง€๋งŒ ์ตœ์†Œํ•œ์˜ ๊ธฐ์ดˆ์ง€์‹์€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ๋Œ€ํ•™์ƒ์˜ ๊ฒฝ์šฐ ํ•™๊ต์—์„œ ๊ธฐ์ดˆ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฐ•์˜๋ฅผ ๋“ค์–ด๋ณธ ์ ์ด ์žˆ๋‹ค๋ฉด ์ถฉ๋ถ„ํžˆ ์ˆ˜๊ฐ•ํ•˜์‹ค ์ˆ˜ ์žˆ๊ณ , ์ƒํ™œ์ฝ”๋”ฉ์„ ๋ณด๊ณ  ์ดํ•ดํ•˜์‹ค ์ˆ˜ ์žˆ๋Š” ์ •๋„๋ผ๋ฉด ์ˆ˜๊ฐ•ํ•˜์‹ค ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋งŒ์•ฝ ์–ด๋ ค์šด ์ ์ด ์žˆ์œผ์‹œ๋‹ค๋ฉด ์–ธ์ œ๋“  ์งˆ๋ฌธํ•ด์ฃผ์„ธ์š”! ๋น ๋ฅด๊ฒŒ ๋‹ต๋ณ€๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

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

Q. ์ˆ˜๊ฐ• ์‹œ ์ฃผ์˜ํ•  ์‚ฌํ•ญ์ด ์žˆ์„๊นŒ์š”?
A. ํด๋ผ์ด์–ธํŠธ ํŒŒํŠธ๋ฅผ ์ง„ํ–‰ํ• ๋•Œ๋Š” Chrome ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ง„ํ–‰ํ•˜๋ฉฐ, ์ „์ฒด์ ์ธ ๊ฐ•์˜๋Š” Windows OS ๊ธฐ์ค€์œผ๋กœ ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค.

A. ์ฝ”๋“œ๋ฅผ ์ง์ ‘ ์ž‘์„ฑํ•˜๋ฉฐ ๊ฐ•์˜๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ๋ถ€๋ถ„์ด ์žˆ๊ธฐ์— ํ‚ค๋ณด๋“œ ์†Œ๋ฆฌ๊ฐ€ ๋‚  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์†Œ๋ฆฌ์— ๋งค์šฐ ๋ฏผ๊ฐํ•˜์‹  ๋ถ„์€ ๋ฐ˜๋“œ์‹œ ๊ณต๊ฐœ๋œ ๊ฐ•์˜ ์Œ๋Ÿ‰์„ ํ™•์ธํ•ด์ฃผ์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค.

A. ์„œ๋ฒ„ ํŒŒํŠธ ๊ฐ•์˜์—์„œ๋Š” ์ „์ฒด์ ์œผ๋กœ Top-down ํ˜•์‹์˜ ํ•™์Šต์ด ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค.
Express ํ…œํ”Œ๋ฆฟ์„ ์ œ๊ณตํ•˜๊ณ , ์ด๋ฅผ ํ™œ์šฉํ•ด RestAPI๋ฅผ ์„ค๊ณ„ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์›๋‹ˆ๋‹ค.
Express generator๊ฐ€ ์•„๋‹Œ ๊ฐ•์‚ฌ ๋ณธ์ธ์ด ์ง์ ‘ ์ œ์ž‘ํ•œ MVC ํŒจํ„ด ํ…œํ”Œ๋ฆฟ์ž…๋‹ˆ๋‹ค.
ํ…œํ”Œ๋ฆฟ ๊ตฌ์กฐ๋ฅผ ์ดํ•ดํ•˜๊ณ  ํ™œ์šฉํ•˜์—ฌ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š”๋ฐ ์ดˆ์ ์„ ๋งž์ถ”๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
ํ•™์Šต ์Šคํƒ€์ผ๋ฉด์—์„œ, Bottom-up์œผ๋กœ ํ…œํ”Œ๋ฆฟ ์ œ์ž‘์— ๋ชจ๋“  ์ฝ”๋“œ๋ฅผ ์ง์ ‘ ์ž‘์„ฑํ•˜๋ฉฐ ๋ฐฐ์›Œ์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์‹œ๋Š” ๋ถ„์€ ์ฐธ๊ณ ํ•ด์ฃผ์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค.

 

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฌธ๋ฒ•๋งŒ ๊ณต๋ถ€ํ•˜๋‹ค๊ฐ€ ํฌ๊ธฐํ•œ ์ ์ด ์žˆ๋Š” ๋ถ„

  • ๊ธฐ์ดˆ๋ถ€ํ„ฐ ๋ฐฐํฌ๊นŒ์ง€ ๊ฐœ๋ฐœ์˜ ๋ชจ๋“  ๊ณผ์ •์„ ๋ฐฐ์›Œ๋ณด๊ณ  ์‹ถ์€ ๋ถ„

  • ๋‚˜๋งŒ์˜ ๋ง›์ง‘ ์ง€๋„๋ฅผ ๊ธฐ๋กํ•˜๊ณ  ์›น์‚ฌ์ดํŠธ๋กœ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„

์•ˆ๋…•ํ•˜์„ธ์š”
Jay์ž…๋‹ˆ๋‹ค.

์ปค๋ฆฌ์–ด์ธ์ฆ

7,305

๋ช…

์ˆ˜๊ฐ•์ƒ

230

๊ฐœ

์ˆ˜๊ฐ•ํ‰

171

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

5

๊ฐœ

๊ฐ•์˜

๋ˆ„๊ตฌ๋‚˜ ์žฌ๋ฐŒ๊ณ  ์œ ์ตํ•˜๊ฒŒ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋ฐœ ์ฝ˜ํ…์ธ ๋ฅผ ๋งŒ๋“ค๊ฒ ์Šต๋‹ˆ๋‹ค.

 

์ด๋ ฅ ์‚ฌํ•ญ โœ’๏ธ

  • ๋„ค์ด๋ฒ„์ปค๋„ฅํŠธ ๋ถ€์ŠคํŠธ์บ ํ”„ ์›น ๋ฐฑ์—”๋“œ(Node.js) 6๊ธฐ code reviewer ํ™œ๋™

  • ์„œ์šธ์‚ฐ์—…์ง„ํฅ์› SeSSAC ์˜จ๋ผ์ธ IT์ฝ˜ํ…์ธ  ํŒŒํŠธ๋„ˆ (Full Stack)

  • ์„œ์šธ์‚ฐ์—…์ง„ํฅ์› SeSSAC ๊ฐœ๋ฐœ์ž ์ž…๋ฌธ๊ณผ์ • ์ง„ํ–‰ (Python, Javascript)

  • ๊ฑด๊ตญ๋Œ€ ๋ชฐ์ž…ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ณผ์ • ๊ฐ•์˜ ์ง„ํ–‰

  • ์„œ์šธ์‹œ SSAC ๋ผ์ด์ง• ํ”„๋กœ๊ทธ๋ž˜๋จธ ์„œ๋ฒ„ํŒŒํŠธ ์ด๊ด„

  • ์•”ํ˜ธํ™”ํ ๋งค๋งค ์ž๋™ํ™” ํ”„๋กœ๊ทธ๋žจ ๊ฐœ๋ฐœ ์™ธ์ฃผ (Qt)

  • ๋งˆ์ผ€ํŒ… ์—์ด์ „์‹œ ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๊ฐœ๋ฐœ ์™ธ์ฃผ (Web)

  • ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ์ฒ˜๋ฆฌ Windows ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ๊ฐœ๋ฐœ ์™ธ์ฃผ (Qt)

     

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

72๊ฐœ โˆ™ (9์‹œ๊ฐ„ 7๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

37๊ฐœ

4.8

37๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • ์„ค์ด๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ์„ค์ด

    ์ˆ˜๊ฐ•ํ‰ 7

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    31% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ดํ•ดํ•˜๊ธฐ์ข‹์•„์š”

    • Suit & Coffee๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
      Suit & Coffee

      ์ˆ˜๊ฐ•ํ‰ 17

      โˆ™

      ํ‰๊ท  ํ‰์  4.5

      5

      88% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

      Good!

      • ์ดํฌ์€๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
        ์ดํฌ์€

        ์ˆ˜๊ฐ•ํ‰ 1

        โˆ™

        ํ‰๊ท  ํ‰์  5.0

        5

        6% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

        ์„ค๋ช… ๋„ˆ๋ฌด ์ž˜ํ•ด์ฃผ์…”์„œ ์ž˜ ๋”ฐ๋ผ๊ฐ€๊ณ ์žˆ์Šต๋‹ˆ๋‹ค. ์ข‹์€ ๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

        • Jay
          ์ง€์‹๊ณต์œ ์ž

          ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค :) ์ˆ˜๊ฐ• ์ค‘์— ์–ด๋ ค์›€์ด ์ƒ๊ธฐ์‹œ๋ฉด Q&A ํ™œ์šฉํ•ด์ฃผ์„ธ์š”!

      • ์ฑ—์ง€ํ”ผํ‹ฐ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
        ์ฑ—์ง€ํ”ผํ‹ฐ

        ์ˆ˜๊ฐ•ํ‰ 2

        โˆ™

        ํ‰๊ท  ํ‰์  4.5

        5

        61% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

        ๋น„์ „๊ณต์ž์ธ๋ฐ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋ ค๋Š” ์‚ฌ๋žŒ์ธ๋ฐ JS๋ถ€ํ„ฐ ๋ง‰๋ง‰ํ•จ์„ ๋А๊ปด์„œ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋งŽ์ด ๋ฐฐ์›Œ๊ฐ‘๋‹ˆ๋‹ค..!

        • ํ€€ํ…€์ฝ”๋”๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
          ํ€€ํ…€์ฝ”๋”

          ์ˆ˜๊ฐ•ํ‰ 3

          โˆ™

          ํ‰๊ท  ํ‰์  5.0

          5

          88% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

          ๋…ธ๋“œjs ๋ถ€๋ถ„๋นผ๊ณ ๋Š” ์ •๋ง ์ข‹์•„์š”. ๊ทผ๋ฐ ๋…ธ๋“œjs ๋ถ€๋ถ„๊นŒ์ง€ ๋‹ค ์„ค๋ช…ํ•˜๋ ค๋ฉด ์†”์งํžˆ ๊ทธ๊ฒƒ๋„ ์•„๋‹Œ๊ฑฐ๊ฐ™๊ตฌ์š”.. ๋ฌด์—‡๋ณด๋‹ค ๊ฐ•์‚ฌ๋‹˜ ์งˆ์˜์‘๋‹ต์ด ๋„ˆ๋ฌด์ข‹์Šต๋‹ˆ๋‹ค. ์†”์งํžˆ ๋ˆ ์•ˆ ์•„๊น์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ ์ด์ œ ๋์„ ๋‹ฌ๋ ค๊ฐ€๋Š”๋ฐ ์ œ๋ฐ”๋ฐ”์•Œ ๋ฐฐํฌ๊นŒ์ง€ ์„ฑ๊ณตํ• ์ˆ˜์žˆ์—ˆ์Œ์ข‹๊ฒ ์–ด์š”. ํ• ์ˆ˜์ž‡๊ฒŸ์ฃ ใ…œใ…œ?

          Jay๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

          ์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

          ๋น„์Šทํ•œ ๊ฐ•์˜

          ๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

          ์‹ ๊ทœ๊ฐ€์ž… 25% ํ• ์ธ

          โ‚ฉ57,750

          25%

          โ‚ฉ77,000

          ํ‰์ƒ๊ต์œก์ด์šฉ๊ถŒ ์ง€์› ๊ฐ•์˜