Flutter ํ…Œ์ŠคํŠธ ๊ธฐ์ดˆ

ํ”Œ๋Ÿฌํ„ฐ์—์„œ์˜ ์œ ๋‹› ํ…Œ์ŠคํŠธ, UI ํ…Œ์ŠคํŠธ, ํ†ตํ•ฉ ํ…Œ์ŠคํŠธ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๊ณต์‹ ๋ฌธ์„œ ๋‚ด์šฉ์— ๊ธฐ๋ฐ˜ํ•˜์—ฌ ์„ค๋ช…ํ•˜๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

๊ตฌ๊ธ€
๋„ค์ด๋ฒ„
์‚ผ์„ฑ
๋กฏ๋ฐ์‡ผํ•‘ ์ด์ปค๋จธ์Šค์‚ฌ์—…๋ณธ๋ถ€
SK๊ทธ๋ฃน

SK๊ทธ๋ฃน

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

๊ตฌ๊ธ€
๋„ค์ด๋ฒ„
์‚ผ์„ฑ
๋กฏ๋ฐ์‡ผํ•‘ ์ด์ปค๋จธ์Šค์‚ฌ์—…๋ณธ๋ถ€
SK๊ทธ๋ฃน

SK๊ทธ๋ฃน

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

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

5.0

5.0

์†ก์ง„์„ญ

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

ํ”Œ๋Ÿฌํ„ฐ ๊ฐ•์˜์ค‘ ๊ทธ๊ฒƒ๋„ ํ•œ๊ตญ์–ด๋กœ ์ ‘ํ•  ์ˆ˜์žˆ๋Š” ๊ฐ•์˜์ค‘ ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•œ ํŠนํžˆ UIํ…Œ์ŠคํŠธ์— ๋Œ€ํ•œ ๊ฐ•์˜๋Š” ์ฐพ๊ธฐ ํž˜๋“ญ๋‹ˆ๋‹ค ๊ทธ๋ ‡๊ฒŒ ์ฐพ๊ธฐํž˜๋“  ๊ฐ•์˜๋‚ด์šฉ์ด๋ฉด์„œ ์ดํ•ดํ•˜๊ธฐ ์ข‹์€ ๊ฐ•์˜์ด๊ธฐ๋•Œ๋ฌธ์— ๋งค์šฐ ์ข‹์•˜์Šต๋‹ˆ๋‹ค

5.0

seungwan.han

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

ํ”Œ๋Ÿฌํ„ฐ์— ํ…Œ์ŠคํŠธ๋ฅผ ์ฒ˜์Œ ์ ์šฉํ•  ๋•Œ ๋ฐฉํ–ฅ์„ฑ์„ ์žก๊ธฐ ์ข‹์€ ๊ฐ•์˜์˜€์Šต๋‹ˆ๋‹ค.์‹ฌํ™” ๊ณผ์ •์˜ ๊ฐ•์˜๊ฐ€ ๋‚˜์˜จ๋‹ค๋ฉด ๋˜ ์ˆ˜๊ฐ•ํ•  ์˜ํ–ฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ข‹์€ ๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

5.0

ํƒœํƒœ

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

ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋Š” ๋„ˆ๋ฌด ํฐ ๋ฒฝ์ด์—ˆ๋Š”๋ฐ ๊ฐ„๋‹จํ•˜๊ฒŒ ์•Œ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜์–ด์š”

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

  • ํ…Œ์ŠคํŠธ๊ฐ€ ํ•„์š”ํ•œ ์ด์œ 

  • ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ํ…Œ์ŠคํŠธ ๊ธฐ๋ฒ•

Flutter ํ…Œ์ŠคํŠธ ๊ธฐ์ดˆ ๊ฐ€์ด๋“œ

๋ณธ ๊ฐ•์˜๋Š” Flutter ์—์„œ์˜ 3๊ฐ€์ง€ ํ…Œ์ŠคํŠธ ๊ธฐ์ดˆ ์ง€์‹์— ๋Œ€ํ•ด์„œ ํ•จ๊ป˜ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.

  • Flutter ์—์„œ์˜ 3๊ฐ€์ง€ ํ…Œ์ŠคํŠธ ๊ธฐ์ดˆ ์ง€์‹

image.png


  • ๊ฐ•์˜์—์„œ ๋ฐฐ์šฐ๋Š” ๋‚ด์šฉ


    image.png

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

๋ฌธ์„œ๋ฅผ ํ†ตํ•œ ํ•™์Šต์ด ์–ด๋ ค์šฐ์‹  ๋ถ„

๋ณ„๋„์˜ ์ •๋ฆฌ๋œ ์ž๋ฃŒ๋กœ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์จ ๋ณด์ง€ ์•Š์€ ๋ถ„

ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด ๋” ์•ˆ์ „ํ•œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ ์ด๋ก ์„ ํ•™์Šตํ•˜๊ณ ์ž ํ•˜๋Š” ๋ถ„

ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•œ ์ด๋ก ์„ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.

์ˆ˜๊ฐ• ํ›„์—๋Š”

  • Unit Test ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • Widget Test ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


  • Integration Test ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์ด ๊ฐ•์˜์˜ ํŠน์ง•

  • ํ”Œ๋Ÿฌํ„ฐ(Flutter)์—์„œ์˜ ํ…Œ์ŠคํŠธ ์ง€์‹์˜ ๊ธฐ์ดˆ๋ฅผ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.

  • ์œ ๋‹› ํ…Œ์ŠคํŠธ, UI ํ…Œ์ŠคํŠธ, ํ†ตํ•ฉ ํ…Œ์ŠคํŠธ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๊ณต์‹ ๋ฌธ์„œ ๋‚ด์šฉ์— ๊ธฐ๋ฐ˜ํ•˜์—ฌ ์„ค๋ช…ํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ˆ˜๊ฐ• ์ „ ์ฐธ๊ณ  ์‚ฌํ•ญ

์‹ค์Šต ํ™˜๊ฒฝ

  • Flutter, Dart ๋ฒ„์ „ : Flutter 3 ์ด์ƒ, Dart 3 ์ด์ƒ

  • ์‚ฌ์šฉ ๋„๊ตฌ: Android Studio


ํ•™์Šต ์ž๋ฃŒ

  • ๋ณ„๋„์˜ PPT๋กœ ํ•™์Šต ๋ฐ ์ œ๊ณต


์„ ์ˆ˜ ์ง€์‹ ๋ฐ ์œ ์˜์‚ฌํ•ญ

  • Flutter ๊ธฐ์ดˆ ์ง€์‹


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

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

  • ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ž‘์„ฑ ๋ฐฉ๋ฒ•์„ ๋ชจ๋ฅด๋Š” ๋ถ„

  • ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ์ด์œ ๋ฅผ ๋ชจ๋ฅด๋Š” ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • Flutter ๊ธฐ์ดˆ

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

12,638

๋ช…

์ˆ˜๊ฐ•์ƒ

920

๊ฐœ

์ˆ˜๊ฐ•ํ‰

866

๊ฐœ

๋‹ต๋ณ€

4.7

์ 

๊ฐ•์˜ ํ‰์ 

16

๊ฐœ

๊ฐ•์˜

๊ต์œกํ•˜๊ณ  ์ฑ… ์“ฐ๋Š” ๊ฐœ๋ฐœ์ž ์˜ค์ค€์„์ž…๋‹ˆ๋‹ค.
'์˜ค์ค€์„์˜ ์ƒ์กด์ฝ”๋”ฉ' ์œ ํŠœ๋ธŒ ์ฑ„๋„๊ณผ ์ƒ์กด์ฝ”๋”ฉ (https://survivalcoding.com) ๊ต์œก ํ”Œ๋ž˜ํผ์„ ์šด์˜์ค‘์ž…๋‹ˆ๋‹ค.

์ „๋ฌธ ๋ถ„์•ผ : Android, Flutter

์ €์„œ
์˜ค์ค€์„์˜ ํ”Œ๋Ÿฌํ„ฐ ์ƒ์กด์ฝ”๋”ฉ (ํ•œ๋น›๋ฏธ๋””์–ด 2020)
์˜ค์ค€์„์˜ ์•ˆ๋“œ๋กœ์ด๋“œ ์ƒ์กด์ฝ”๋”ฉ: ์ฝ”ํ‹€๋ฆฐ ํŽธ (ํ•œ๋น›๋ฏธ๋””์–ด 2018)
๋  ๋•Œ๊นŒ์ง€ ์•ˆ๋“œ๋กœ์ด๋“œ (๋ฃจ๋น„ํŽ˜์ดํผ 2018)

์ฃผ์š”๊ฒฝ๋ ฅ
์˜ค๋ Œ์ง€(OhRange) ๋Œ€ํ‘œ
์„ธ๋ฏผ์ง์—…์ „๋ฌธํ•™๊ต ์ •๋ณด๊ธฐ์ˆ ๊ฐœ๋ฐœ ์ง์—…ํ›ˆ๋ จ๊ต์‚ฌ
์ˆ˜์›์Šค๋งˆํŠธ์•ฑ๊ฐœ๋ฐœํ•™์› ์šด์˜
LG์ „์ž MC์‚ฌ์—…๋ถ€
์ผ๋ณธ ์•„์ด์น˜ํ˜„ (ๆ ช)ๆฑๆตท็†็ง‘ Security์‚ฌ์—…๋ถ€
์ผ๋ณธ ์•„์ด์น˜ํ˜„ (ๆ ช)ๆ—ฅๆœฌใƒ†ใ‚ฏใ‚ทใƒผใƒ‰ IT์‚ฌ์—…๋ถ€

LinkedIn: https://www.linkedin.com/in/junsuk5/

๋”๋ณด๊ธฐ

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

์ „์ฒด

25๊ฐœ โˆ™ (2์‹œ๊ฐ„ 1๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

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

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

11๊ฐœ

5.0

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

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

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    ์ˆ˜์ •๋จ

    5

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

    flutter test code๋ฅผ ํ•œ๋ฒˆ๋„ ๊ฒฝํ—˜ํ•ด๋ณด์ง€ ์•Š์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๋งค์šฐ ์ข‹์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

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

      ์ˆ˜๊ฐ•ํ‰ 32

      โˆ™

      ํ‰๊ท  ํ‰์  4.9

      5

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

      ํ…Œ์ŠคํŠธ ๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

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

        ์ˆ˜๊ฐ•ํ‰ 1

        โˆ™

        ํ‰๊ท  ํ‰์  5.0

        5

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

        ํ”Œ๋Ÿฌํ„ฐ์— ํ…Œ์ŠคํŠธ๋ฅผ ์ฒ˜์Œ ์ ์šฉํ•  ๋•Œ ๋ฐฉํ–ฅ์„ฑ์„ ์žก๊ธฐ ์ข‹์€ ๊ฐ•์˜์˜€์Šต๋‹ˆ๋‹ค.์‹ฌํ™” ๊ณผ์ •์˜ ๊ฐ•์˜๊ฐ€ ๋‚˜์˜จ๋‹ค๋ฉด ๋˜ ์ˆ˜๊ฐ•ํ•  ์˜ํ–ฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ข‹์€ ๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

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

          ์ˆ˜๊ฐ•ํ‰ 20

          โˆ™

          ํ‰๊ท  ํ‰์  5.0

          5

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

          ํ”Œ๋Ÿฌํ„ฐ ๊ฐ•์˜์ค‘ ๊ทธ๊ฒƒ๋„ ํ•œ๊ตญ์–ด๋กœ ์ ‘ํ•  ์ˆ˜์žˆ๋Š” ๊ฐ•์˜์ค‘ ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•œ ํŠนํžˆ UIํ…Œ์ŠคํŠธ์— ๋Œ€ํ•œ ๊ฐ•์˜๋Š” ์ฐพ๊ธฐ ํž˜๋“ญ๋‹ˆ๋‹ค ๊ทธ๋ ‡๊ฒŒ ์ฐพ๊ธฐํž˜๋“  ๊ฐ•์˜๋‚ด์šฉ์ด๋ฉด์„œ ์ดํ•ดํ•˜๊ธฐ ์ข‹์€ ๊ฐ•์˜์ด๊ธฐ๋•Œ๋ฌธ์— ๋งค์šฐ ์ข‹์•˜์Šต๋‹ˆ๋‹ค

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

            ์ˆ˜๊ฐ•ํ‰ 2

            โˆ™

            ํ‰๊ท  ํ‰์  5.0

            5

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

            ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋Š” ๋„ˆ๋ฌด ํฐ ๋ฒฝ์ด์—ˆ๋Š”๋ฐ ๊ฐ„๋‹จํ•˜๊ฒŒ ์•Œ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜์–ด์š”

            ์˜ค์ค€์„๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

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

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

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

            ์—ฐ๊ด€ ๋กœ๋“œ๋งต

            ๊ฐ•์˜๊ฐ€ ํฌํ•จ๋œ ๋กœ๋“œ๋งต์œผ๋กœ ํ•™์Šตํ•ด ๋ณด์„ธ์š”!