๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
  • ์žฅ์›์ต ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ
๐Ÿคท๐Ÿผ‍โ™€๏ธ Etc.../- ๊ธฐํƒ€

[7์›” ์šฐ์•„ํ•œ ํ…Œํฌ ์„ธ๋ฏธ๋‚˜] ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž๋กœ ์„ฑ์žฅํ•˜๊ธฐ ์œ„ํ•œ ์šฐ์•„ํ•œ ๋ฐฉ๋ฒ•๋“ค ์˜จ๋ผ์ธ ์„ธ๋ฏธ๋‚˜ ํ›„๊ธฐ

by Wonit 2020. 7. 21.

์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ์šฐ์•„ํ•œ ํ…Œํฌ ์„ธ๋ฏธ๋‚˜์— ๋‚˜์˜จ ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž๋กœ ์„ฑ์žฅํ•˜๋Š” ์šฐ์•„ํ•œ ๋ฐฉ๋ฒ•๋“ค์— ๋Œ€ํ•œ ํ›„๊ธฐ๋ฅผ ์ด์•ผ๊ธฐ ํ•ด๋ณด๊ฒ ๋‹ค.

 

๋ถ€์ŠคํŠธ ์บ ํ”„ 2020 2์ฐจ ์˜จ๋ผ์ธ ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ ๊ฒฐ๊ณผ๋ฅผ ๊ธฐ๋‹ค๋ฆฌ๋˜ ๋„์ค‘ ์šฐ์•„ํ•œ ํ…Œํฌ์—์„œ ์„ธ๋ฏธ๋‚˜๋ฅผ ํ•œ๋‹ค๊ณ  ํ•ด์„œ ์ฐพ์•„๋ณด๊ฒŒ ๋˜์—ˆ๋‹ค.

 

์ด๋ฒˆ ์„ธ๋ฏธ๋‚˜๋Š” ํ”„๋ก ํŠธ ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์„ฑ์žฅํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ๋ฐœํ‘œ๋ฅผ ํ•˜์˜€๋‹ค.

 

๋‚˜๋Š” ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์„ฑ์žฅํ•˜๊ณ  ์‹ถ์–ดํ•˜๋Š” ์ฃผ๋‹ˆ์–ด์ธ๋ฐ, ์ด๋ฒˆ ๋ถ€์ŠคํŠธ ์บ ํ”„์—์„œ๋Š” ์›น ํ’€์Šคํƒ ๊ณผ์ •์„ ๋ชจ์ง‘ํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ํ•˜์˜€๊ณ , ๋‚˜๋Š” ์›น ํ’€์Šคํƒ์—๋„ ๊ด€์‹ฌ์ด ๊ฐ–๊ฒŒ ๋˜์–ด์„œ ์กฐ๊ธˆ ๋” ์ž์„ธํžˆ ๋ณด๊ฒŒ ๋˜์—ˆ๋‹ค.

 

๋Œ€์ถฉ ์„ธ๋ฏธ๋‚˜์˜ ์ „๋ฐ˜์  ๋‚ด์šฉ์„ ์ ์–ด๋ณด์ž๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 

 

์—ฌ๊ธฐ์„œ ๊ฐ€์žฅ ํฅ๋ฏธ๋กœ์› ๋˜ ๋ถ€๋ถ„์€ ๋ฐ”๋กœ ํฌ๋กฌ ๊ฐœ๋ฐœ์ž ํƒญ ๋„คํŠธ์›Œํฌ ๋ถ€๋ถ„์ด๋‹ค. CTF ๋Œ€ํšŒ๋‚˜ ๋‹ค๋ฅธ ๊ฐœ๋ฐœ์„ ํ•  ๋•Œ ๋„คํŠธ์›Œํฌ ํƒญ์ด ์žˆ๋Š”์ค„์€ ์•Œ์•˜์œผ๋‚˜ ๊ทธ๋ƒฅ ์ง€๋‚˜์ณค์—ˆ์ง€๋งŒ ์ด๋ฒˆ ๋ฐœํ‘œ๋ฅผ ๋ณด๊ณ  ๋” ์•Œ์•„๋ณด๊ณ ์‹ถ๋‹ค๊ณ  ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

์„ธ ๊ฐ€์ง€ ํŠน์ง•

  1. ํ•จ๊ป˜ ์ผํ•˜๊ธฐ
  2. ๋ถ„์„, ๊ฐœ๋ฐœ, ํ…Œ์ŠคํŠธ, ๋ฐฐํฌ, ํ”ผ๋“œ๋ฐฑ, ๊ฐœ์„ 
  3. ์ œํ’ˆ๊ณผ ์„œ๋น„์Šค์˜ ์ง€์†์ ์ธ ์šด์˜

์œ„์˜ ํŠน์ง•์—์„œ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ๋“ค

  1. ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์˜ ์–ด๋ ค์›€
  2. ์ผ์˜ ์ˆœ์„œ ์ •๋ฆฌ
  3. ๋‹ค์–‘ํ•œ ์ œ์•ฝ์‚ฌํ•ญ
  4. ํ’ˆ์งˆ๊ณผ ์ผ์ •
  5. ํ˜•์ƒ ๊ด€๋ฆฌ : ์—ฌ๋Ÿฌ๋ช…์ด ๊ฐ™์€ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋ฉฐ ์–ด๋ ค์›€
  6. ํ…Œ์ŠคํŒ…์˜ ์–ด๋ ค์›€ : ํ’ˆ์งˆ๊ณผ ๊ด€๋ จ๋จ ๋„ˆ๋ฌด ์–ด๋ ค์›€

์šฐ๋ฆฌ๊ฐ€ ํ•ด์•ผํ•  ๊ฒƒ

  • ๊ธฐ์ดˆ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์—ฐ์Šต -> ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ -> ์ข€๋” ํฐ ํ”„๋กœ์ ํŠธ -> ํ˜‘์—… ๊ฐ€๋Šฅํ•œ ํ”„๋กœ์ ํŠธ
  • ์™„์ „ํžˆ ์•Œ์•„๊ฐ€๋ ค๊ธฐ๋ณด๋‹จ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ์•Œ์•„๋ณด์ž.
  • ์ธํ„ด ๊ฒฝํ—˜, ์•Œ๋ฐ” ๊ฒฝํ—˜

๋ฌธ์ œ ํ•ด๊ฒฐ ๋Šฅ๋ ฅ ํ–ฅ์ƒ

  • ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ  ํšŒ๊ณ ํ•˜๊ธฐ
  • ๋””๋ฒ„๊น… ์ž˜ ์ดํ•ดํ•˜๊ธฐ
  • ๋‹ค๋ฅธ์‚ฌ๋žŒ์˜ ๋ฐฉ๋ฒ•๋„ ๋ฐฐ์šฐ๊ธฐ(์ง ํ”„๋กœ๊ทธ๋ž˜๋ฐ)

JS ๊ณต๋ถ€ํ•˜๋Š” ๋ฒ•

ํ”„๋กœ์ ํŠธ์—์„œ ๋ฐฐ์šฐ๊ธฐ

ํ–ฅ์ƒ๋œ UX ๋ชฉํ‘œ๋กœ ๊ฐœ๋ฐœํ•˜๊ธฐ

  • UX์— ๊ด€์‹ฌ์ด ์žˆ๋Š” ๊ฐœ๋ฐœ์ž์™€ ์—†๋Š” ๊ฐœ๋ฐœ์ž์˜ ์ฐจ์ด๋Š” ํฌ๋‹ค.
  • CSS3, DOM, Event, Animation ์ œ์–ด, ๋น„๋™๊ธฐ์— ๋Œ€ํ•œ ์ดํ•ด
  • ๋””๋ฐ”์šด์Šค ์Šค๋กœํ‹€๋ง

ํ•จ๊ป˜ ์ž๋ผ๊ธฐ

  • git branch ์ „๋žต ์„ธ์›Œ๋ณด๊ธฐ
  • ์ฝ”๋“œ๋ฆฌ๋ทฐ ํ•˜๊ธฐ

๊ธฐ์ดˆ๋ฅผ ํŠผํŠผํ•˜๊ฒŒ

  • ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜

    ์ฑ„์šฉ๋‹จ๊ณ„๋ฅผ ๋šซ๊ธฐ ์œ„ํ•ด์„  ๋ฐ˜๋“œ์‹œ ํ•„์š”
    ํšจ์œจ์„ฑ์„ ๊ณ ๋ คํ•˜๋ฉฐ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์–ด์•ผํ•จ
    ์—ฐ์Šต์€ ์‹ค์ „์ฒ˜๋Ÿผ
    ์‹œ๊ฐ„ ์žฌ๊ธฐ
    ์‰ฌ์šด ๋ฌธ์ œ ๋งŽ์€ ํ’€๊ธฐ
    ๊ฐ™์€ ๋ฌธ์ œ ๋‹ค์‹œ ํ’€๊ธฐ
    ๋‹ค๋ฅธ ์‚ฌ๋žŒ ์ฝ”๋“œ ๋ณด๊ธฐ

๋„คํŠธ์›Œํฌ์™€ ๋ฐฑ์—”๋“œ ์ ‘ํ•ด๋ณด๊ธฐ

  • HTTP ์ค‘์‹ฌ์œผ๋กœ ๋ณด๊ธฐ
  • ํฌ๋กฌ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์— ๋„คํŠธ์›Œํฌ ํƒญ์— ์žˆ๋Š” ํ•ญ๋ชฉ ๋ชจ์กฐ๋ฆฌ ๋‹ค ์ดํ•ดํ•˜๊ธฐ
  • SSR์„ ์œ„ํ•œ ์„œ๋ฒ„๋ฅผ ์šด์˜ํ•œ๋‹ค๋ฉด?
  • Node.js ์ค‘์‹ฌ์œผ๋กœ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„œ๋ฒ„์™€ ์—ฐ๋™ํ•˜๊ธฐ
  • Database, OS, ํด๋ผ์šฐ๋“œ ์ง€์‹

์–‘ ๋ณด๋‹ค๋Š” ์งˆ

  • ์ฃผ๋‹ˆ์–ด๋Š” ๋‹ค ์•„๋Š”๊ฐ€? ๋ณด๋‹ค ๋ฌด์–ธ๊ฐ€๋ฅผ ์ฐ~ํ•˜๊ฒŒ ๋Œ€ํ•  ์ˆ˜ ์žˆ๋Š”์ง€๊ฐ€ ์ค‘์š”
  • ๋‚ด๊ฐ€ ํ•˜๋Š” ๋ถ„์•ผ๋ฅผ ๊นŠ๊ฒŒ ํŒŒ๋Š”๊ฐ€
  • ๋ฆฌํŒฉํ† ๋ง ๋งŽ์ด ํ•˜๊ธฐ
  • ํ”„๋ ˆ์ž„์›Œํฌ ๋งŒ๋“ค์–ด๋ณด๊ธฐ

React, Vue, Angular ์ตํžˆ๊ธฐ

  • ๋ฐ”๋‹๋ผ๋กœ ์ถฉ๋ถ„ํžˆ ํ›ˆ๋ จ์ด ๋˜์–ด์•ผํ•จ
  • ๋ฐ”๋‹๋ผ๋กœ ํ”„๋ ˆ์ž„์›Œํฌ ํ‰๋‚ด๋‚ด๊ธฐ

๋‚ด๊ฐ€ ์„ ํƒํ•œ ๊ธธ์ด ๋งž์„๊นŒ

  • ๋ฉ˜ํ† ์—๊ฒŒ ์ฝ”๋“œ๋ฆฌ๋ทฐ ๊ผญ ํ•˜๊ธฐ

๋‚˜๋ฅผ ์•Œ์•„๋ณด๊ธฐ

  • ์ด๋ ฅ์„œ ์จ๋ณด๊ธฐ
  • ๋ฉด์ ‘ ๊ธฐํšŒ ์–ป์–ด๋ณด๊ธฐ

'๐Ÿคท๐Ÿผโ€โ™€๏ธ Etc... > - ๊ธฐํƒ€' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๊ธˆ์œต ์ง€์‹๊ณผ ํ•€ํ…Œํฌ] ํ•€ํ…Œํฌ(Fin-Tech)๋Š” ๋ญ๊ณ  ํ…Œํฌํ•€(Tech-Fin) ์€ ๋ญ˜๊นŒ? ์„œ๋กœ ๋‹ค๋ฅธ๊ฑธ๊นŒ?  (1) 2020.10.19
[๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๊ธˆ์œต ์ง€์‹๊ณผ ํ•€ํ…Œํฌ] ํ•€ํ…Œํฌ๋ฅผ ๊ณต๋ถ€ํ•˜๊ธฐ ์ „์— ์€ํ–‰์˜ ์—…๋ฌด์™€ ๊ธˆ์œต ๊ธฐ๊ด€์˜ ๊ตฌ์กฐ์— ๋Œ€ํ•ด์„œ ์™„๋ฒฝํ•˜๊ฒŒ ํŒŒ์•…ํ•ด๋ณด์ž.  (1) 2020.10.19
[๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ์•”ํ˜ธํ•™] 3. ์•”ํ˜ธ ํ•ด๋…๊ณผ ์•”ํ˜ธ ๋ถ„์„์˜ ์ข…๋ฅ˜  (0) 2020.07.13
[๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ์•”ํ˜ธํ•™] 2. ๋Œ€์นญํ‚ค, ์ผ๋ฐฉํ–ฅ ํ•ด์‹œํ•จ์ˆ˜, ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ๋“ฑ๋“ฑ ์ฃผ์š” ์•”ํ˜ธ ๊ธฐ์ˆ ์— ๋Œ€ํ•ด์„œ  (1) 2020.07.13
[๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ์•”ํ˜ธํ•™] 1. ์•”ํ˜ธํ•™์˜ ๊ธฐ๋ณธ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ  (0) 2020.07.13

๋Œ“๊ธ€