Upgrade to Pro — share decks privately, control downloads, hide ads and more …

8년째 같은 제품을 만들고 있습니다

RIDI
July 06, 2018

8년째 같은 제품을 만들고 있습니다

RIDI

July 06, 2018
Tweet

More Decks by RIDI

Other Decks in Technology

Transcript

  1. 8֙૩ э਷ ઁಿਸ ٜ݅Ҋ ੓णפ׮
    թഅ਋

    View full-size slide

  2. ਋ܻо ݽৈ੓ח ੉ਬ
    ਋ܻ\ӝദ੗¾ѐߊ੗¾٣੗੉ց^

    View full-size slide

  3. ൔೠ IT ӝস੄ ੄ࢎѾ੿ ҳઑ

    View full-size slide

  4. ਋ܻח ৈӝ

    View full-size slide

  5. ਋ܻח,

    ഥࢎ੄ ޷࣌ਸ ׳ࢿೞҊ੗
    ࢸ੿ػ ੹ۚী ࠗ೤ೞח

    ઁಿਸ ٜ݅ӝ ਤ೧ ݽৈ੓णפ׮.

    View full-size slide

  6. ખ୊ۢ ߸ೞ૑ ঋח Ѫ
    दрҗ ജ҃ী ٮۄ

    ࣻद۽ ߸ೞח Ѫ

    View full-size slide

  7. ખ୊ۢ ߸ೞ૑ ঋח Ѫ
    दрҗ ജ҃ী ٮۄ

    ࣻद۽ ߸ೞח Ѫ
    ੹ۚ੉ ߄Շח ਗੋ: ةࢲ ੋҳ੄ ߸ച, بࢲ ੿оઁ, ӝࣿ੄ ߊ׳, ...

    View full-size slide

  8. ઁಿ ѐߊ੄ ౠ૚
    ӝദ੗о ইޖܻ ৮߷೧ب ਃҳࢎ೦਷ ߄Ո׮.

    → ੹ۚ੉ ߸ೞӝ ٸޙী

    ੜ ٜ݅য ֬਷ ઁಿب ࢎۄ૓׮.

    → ੹ۚ੉ ߸ೞӝ ٸޙী

    View full-size slide

  9. ܻ٣࠘झ ѐߊ੄ ౠ૚
    ܻ٣࠘झח ੉ઁ ҍ 9࢓
    • cf. ݽ߄ੌ ѱ੐੄ ಣӐ ࣻݺ: 6ѐਘ

    • ਋ܻח ѱ੐ਸ ݅٘ח Ѫ੉ ইפ׮.

    খਵ۽ب ҅ࣘ יযт Ѫ੉׮.
    • ܻ٣࠘झ 2ח হ׮.

    • ૑ࣘغח ߸ചী ੜ ੸਽ೞח Ѫ੉ ઺ਃೞ׮.

    View full-size slide

  10. ܻ٣࠘झী ؀ೠ ҙबب

    View full-size slide

  11. গפ౿ী ؀ೠ ҙबب

    View full-size slide

  12. য়ט੄ ઱ઁ
    ޖ঺ਸ ٜ݅ө (x)
    যڌѱ ٜ݅ө (o)

    View full-size slide

  13. য়ېоח ઁಿ਷

    যڌѱ ٜ݅ө?

    View full-size slide

  14. ૞ӝ৬ ઑ݀ೞӝ

    View full-size slide

  15. ૞׮1, ᭂ᪦
    ޖ঺ਸ о۽ ࣁ۽۽ ৊য ୥୥൤ ٜ݅׮.

    View full-size slide

  16. ణप۽ झਝఠܳ ૞׮.
    ر੗ܻܳ ૞׮.
    ೐۽Ӓ۔ਸ ૞׮.

    View full-size slide

  17. ణप۽ झਝఠܳ ૞׮.
    ر੗ܻܳ ૞׮.
    ೐۽Ӓ۔ਸ ૞׮.

    View full-size slide

  18. ઑ݀ೞ׮1, ᪝ር
    ৈ۞ ࠗಿਸ ݽই ೞա੄ ޛѤਸ ٜ݅׮.

    View full-size slide

  19. ۨҊܳ ઑ݀ೞ׮.
    ஹೊఠܳ ઑ݀ೞ׮.
    ੉ாই оҳܳ ઑ݀ೞ׮.

    View full-size slide

  20. ࢻࣁೞ׮
    ૞׮ ઑ݀ೞ׮
    ೙ਃೠ ਃࣗܳ ૊द ؔ؂׮
    ټࡎ੉ ਊ੉ೞ׮ (patch: Ӥ׮)
    ೧୓о য۵׮
    ੤ࢎਊ੉ য۵׮
    ࠽٬࠶۟ਸ ݢ੷ ݅ٚ׮
    ټࡎ੉ য۵׮
    ೧୓о औ׮
    ੤ࢎਊ੉ औ׮
    ై߅ೞ׮

    View full-size slide

  21. য়ېоח ઁಿ਷
    ઑ݀غযঠ ೞ૑ ঋਸө?

    View full-size slide

  22. ׮নೠ ࠙ঠ੄ ઑ݀ࢎ۹
    Composition
    f ∘ g

    View full-size slide

  23. ೞ٘ਝয ٣੗ੋীࢲ
    1. ઁಿ ٣੗ੋ
    ୭ઙ Ѿҗޛਸ ࢚࢚ೞӝ

    2. ӝҳ ࢸ҅
    Ѿҗޛਸ ઑ݀ؼ ࣻ ੓ח ਃٜࣗ۽ ࠙೧ೞӝ

    3. ࠗಿ ѐࢶ
    п ਃٜࣗ੄ ৮ࢿبܳ ֫੉ӝ

    ߸҃ী ٮܲ ࠺ਊ੉ ݒ਋ ழࢲ ݽٕച੄ ೙ਃࢿ੉ ъઑؽ

    View full-size slide

  24. CPU ٣੗ੋীࢲ
    ੋభ: CISC (complex)
    • ೙ਃೠ ݺ۸যܳ ࢸ҅ী ݒߣ ୶оೞח ߑध

    cf. Ү଱য - ೞ׮, ೞ, ೧, ೮, ೧ࢲ, ೞחؘ, ೞפ, ೠ, ೡ, ...

    ARM: RISC (reduced)
    • ӝࠄ ݺ۸যܳ ઑ೤ೞৈ ো࢑ਸ ࣻ೯ೞח ߑध

    cf. Ҋ݀য - do, did, done, do+ing, to do, must do, …

    ߸ചೞח ߈ب୓, ஹ౵ੌ۞ ӝࣿী ਬোೠ ARM ߑध੄ थܻ

    View full-size slide

  25. ೐۽Ӓ۔ ٣੗ੋীࢲ
    ё୓૑ೱ ਗ஗ (SOLID)
    • ױੌ ଼੐੄ ਗ஗ - ೠ ௿ېझח ೞա੄ ҙबࢎ݅

    • ѐߑ-ತࣧ੄ ਗ஗ - ӝઓ ۽૒ ࣻ੿ হ੉ ഛ੢੉ оמ೧ঠ ೣ

    ೣࣻഋ ೐۽Ӓې߁
    • ଵઑ ైݺࢿ - ё୓ী ૞ৈ૓ ࢚క(state)ܳ ܻ࠙

    • ઑ݀ оמࢿ - HOC , Mixin

    ل ׮ ਬ૑ࠁࣻ৬ ഛ੢ਸ औѱ ೞӝ ਤೠ ݾ੸

    View full-size slide

  26. ݃੉௼۽ࢲ࠺झ ইఃఫ୛
    • ੹୓ܳ ੘਷ ࢲ࠺झٜ۽ ࠙೧

    • ӒѪٜਸ וटೞѱ Ѿ೤

    ਬץझ ୍೟
    • ೐۽Ӓ۔਷ ೞա੄ ੌ݅ ੜ ೧ঠ ೣ

    • ೐۽Ӓ۔਷ োѾؼ ࣻ ੓যঠ ೣ

    दझమ ٣੗ੋীࢲ
    ݃ଲо૑۽ ਬ૑ࠁࣻ৬ ഛ੢ਸ औѱ ೞӝ ਤೠ ݾ੸

    View full-size slide

  27. ҕా੼:
    ࠂ੟ೠ അपীࢲ ࢓ইթӝ ਤ೧

    ઑ݀ೞӝ ߑधਸ ࢶఖ
    ೞ٘ਝয ٣੗ੋ
    CPU ٣੗ੋ
    ೐۽Ӓ۔ ٣੗ੋ
    दझమ ٣੗ੋ

    View full-size slide

  28. ೞ٘ਝয ٣੗ੋ
    CPU ٣੗ੋ
    ೐۽Ӓ۔ ٣੗ੋ
    दझమ ٣੗ੋ
    ઁಿ ٣੗ੋ

    View full-size slide

  29. ઑӘ ؊ ୶࢚ച غ঻ਸ ࡺ,

    ઁಿ ٣੗ੋب ׮ܰ૑ ঋਸ Ѫ੉׮.

    View full-size slide

  30. ઁಿ੄ ࠙೧৬ ઑ݀
    Components & Composing

    View full-size slide

  31. ਋ܻо ೞח ੌ:
    ਃҳࢎ೦ਸ ୓҅੸ਵ۽ ઁಿী ߈৔ೞח Ѫ

    View full-size slide

  32. ਋ܻо ೞח ੌ:
    ਃҳࢎ೦ਸ ୓҅੸ਵ۽ ઁಿী ߈৔ೞח Ѫ
    ˝ ˞
    ˟
    ૞ৈઉ ੓য ࠙೧о оמೠ ਃٜࣗ

    View full-size slide

  33. 1. ਃҳࢎ೦ਸ ࠙೧
    ਃҳࢎ೦(ݺࣁ)ܳ ਃҳೞѱ ػ ޙઁٜਸ ଺ӝ
    • ֈযয়ח ਃ୒ী ޙઁо ࠙ݺೠ ҃਋ח ٘ޛ׮.

    • ӓ൤ ٘ޛ׮.

    • XY Problem੉ۄҊب ೠ׮.

    ޙઁ(X)ী ૞ৈ૓ ೧Ѿ଼(Y)ਸ ࠙೧
    • Yо component

    View full-size slide

  34. যڃ ࣳೝށ੄ ࢎ۹

    “Ҋёীѱ ഌఖਸ ઱੗!”
    (੤ߑޙਯਸ ֫੉ӝ ਤ೧)

    View full-size slide

  35. Aࢎ੄ ҃਋

    View full-size slide

  36. Aࢎ੄ ҃਋
    Solutions

    View full-size slide

  37. Bࢎ੄ ҃਋

    View full-size slide

  38. Bࢎ੄ ҃਋
    Solutions

    View full-size slide

  39. ઁಿ ѐߊ਷ x ↦ y ଺ӝ੄ োࣘ
    Solutions

    View full-size slide


  40. ਋ܻ੄ ऀѹ૓ ޷࣌
    যڌѱ ੹৉੸ਵ۽ ୭੸ചೡ Ѫੋо

    View full-size slide

  41. Σbenefit - Σcost = ?
    Solutions

    View full-size slide

  42. arg max(Σbenefit - Σcost)
    ࠗ࠙੸ੋ ޙઁٜী ୭ࢶਸ ׮ೞݶ Ѿҗ੸ੋ ബਊ੉ ղ۰оח ৉ࢸ
    • Costח ਬ૑ࠁࣻ۽ ੋೠ ઑ૒੄ ࣘب੷ೞب ನೣ

    ӓࠂ ߑউ:
    1. ೧Ѿ଼੄ ബਯਸ ֫੉Ѣա (੗ݺೠ ߑߨ)

    2. ޙઁ੄ о૙ࣻܳ ઴੉Ѣա

    3. ೧Ѿ଼ਸ ੤ࢎਊೞѢա

    View full-size slide

  43. 2. ೐۽ࣁझܳ ࠙೧
    • ೐۽ࣁझח ࣽࢲ۽ ૞ৈ૓ ױਤ ੘সٜ

    ৘) ࣚש੉ ਺धਸ ઱ޙೞݶ ઱ߑীࢲ ਃܻܳ ೞৈ ղ઱Ҋ تਸ ߉ח׮.

    • Ѿ೤਷ ؀ӝৌ(Queue)۽ॄ ࠙೧ؼ ࣻ ੓׮.

    ৘) ध׼ ߑޙ → Q → ਺ध ઱ޙ → Q → ઱ߑ ਃܻ → Q → Ѿઁ

    • ױਤ ੘স੉ component

    View full-size slide

  44. ܻ٣நद

    ߸҃
    ղ ଼੢

    ߸҃
    ҳݒ ݫੌ ߊ࣠
    ؘ੉ఠ੄ ൒ܴ
    ஹನք౟

    View full-size slide

  45. ܻ٣நद

    ߸҃
    ղ ଼੢

    ߸҃
    ҳݒ
    ੗ز୽੹
    ؀ৈ ݅ܐ
    ݫੌ ߊ࣠

    View full-size slide

  46. ܻ٣நद

    ߸҃
    ղ ଼੢

    ߸҃
    ҳݒ
    ੗ز୽੹
    ؀ৈ ݅ܐ
    नр ୹द
    CRM
    ݫੌ ߊ࣠
    ಹद ߊ࣠

    View full-size slide

  47. ܻ٣நद

    ߸҃
    ղ ଼੢

    ߸҃
    ҳݒ
    ੗ز୽੹
    ؀ৈ ݅ܐ
    नр ୹द
    CRM
    Ҋё ޙ੄
    ੽ࣻ/਽؀
    ݫੌ ߊ࣠
    ಹद ߊ࣠

    View full-size slide

  48. 3. ੘স੗ب ࠙೧
    • ஹನք౟ী ૞ৈ૓ ־о(by whom)৬ ޖ঺(what)ਸ ࠙೧

    • ੤ࢎਊ੉ оמೞ׮ח Ѫ = ־ҵо ੉޷ ٜ݅঻ਸ૑ب ݽܲ׮ח Ѫ

    • ߄௰ܳ ੤ߊݺೡ ݺ࠙ਸ ࠙ݺ൤

    • ߄௰ܳ ਬ૑ࠁࣻೡ ݺ࠙ب ࠙ݺ൤

    View full-size slide

  49. ܻ٣நद

    ߸҃
    ҳݒ
    ੗ز୽੹
    ؀ৈ ݅ܐ
    नр ୹द
    CRM
    Ҋё ޙ੄
    ݫੌ ߊ࣠
    ಹद ߊ࣠
    ੽ࣻ/਽؀
    Zendesk
    ղ ଼੢

    ߸҃

    View full-size slide

  50. ܻ٣நद

    ߸҃
    ݫੌ ߊ࣠
    ҳݒ
    ੗ز୽੹
    ؀ৈ ݅ܐ
    नр ୹द
    CRM
    Ҋё ޙ੄
    ੽ࣻ/਽؀
    ಹद ߊ࣠
    Zendesk
    Amazon SNS
    Mailchimp
    ղ ଼੢

    ߸҃

    View full-size slide

  51. ܻ٣நद

    ߸҃
    ղ ଼੢

    ߸҃
    ݫੌ ߊ࣠
    ҳݒ
    ੗ز୽੹
    ؀ৈ ݅ܐ
    नр ୹द
    CRM
    Ҋё ޙ੄
    ੽ࣻ/਽؀
    ಹद ߊ࣠
    ҅੿౱
    Zendesk
    Amazon SNS
    Mailchimp

    View full-size slide

  52. ઑ݀਷ যڌѱ?
    ஹನք౟ ઑ݀ ߑध ৘द

    View full-size slide

  53. ઑ݀਷ যڌѱ?
    ஹನք౟ ઑ݀ ߑध ৘द
    ೞ٘ਝয ࠗಿ ӝ҅ध ݫழפ્ ߡౡ, ٘ۄ੉ߡ, ੽଱ઁ

    View full-size slide

  54. ઑ݀਷ যڌѱ?
    ஹನք౟ ઑ݀ ߑध ৘द
    ೞ٘ਝয ࠗಿ ӝ҅ध ݫழפ્ ߡౡ, ٘ۄ੉ߡ, ੽଱ઁ
    ࣗ೐౟ਝয ۄ੉࠳۞ܻ ஹ౵ੌ, ݂௼ node_modules, *.dll

    View full-size slide

  55. ઑ݀਷ যڌѱ?
    ஹನք౟ ઑ݀ ߑध ৘द
    ೞ٘ਝয ࠗಿ ӝ҅ध ݫழפ્ ߡౡ, ٘ۄ੉ߡ, ੽଱ઁ
    ࣗ೐౟ਝয ۄ੉࠳۞ܻ ஹ౵ੌ, ݂௼ node_modules, *.dll
    ઁಿ ೧Ѿ଼ / ױਤ੘স ؘ੉ఠ ੑ୹۱
    ଼ ੿ࠁ, ҳݒ ੿ࠁ,

    ܻ࠭ ੿ࠁ, ഋҟಗ ੿ࠁ

    View full-size slide

  56. Product Composition
    ™
    ޙઁী؀ೠ೧Ѿ଼ٜਸ
    ؘ੉ఠ੄൒ܴਵ۽ઑ݀ೞחѪ

    View full-size slide

  57. ૞ח ೯ਤח ਋ߊ੸੉Ҋ
    ઑ݀ध ࢎҊח ײഃ੓׮

    View full-size slide

  58. 1
    Quick & Dirty

    View full-size slide

  59. Quick & Dirty
    • ૑੷࠙ೞ؊ۄب ੌױ ࡅܰѱ ݅ٚ׮.

    • Agile!

    • Lean!

    • MVP!

    View full-size slide

  60. ⚠

    ؊ۣഃب غח Ѫ੉ ੓Ҋ

    উغח Ѫ੉ ੓਺

    View full-size slide

  61. ઑӘ ؊ۣഃب غח Ѫ
    • दп੸ੋ ੌҙࢿ

    • ࠛ஘੺ೠ UX

    • ௏٘ ಿ૕

    • ࢿמ ߂ উ੿ࢿ

    i.e. ա઺ী ஖਋ӝ ए਍ Ѫ
    ೣࠗ۽ ؊ۣ൤ݶ উغח Ѫ ✨
    • ޙઁ ৔৉ (Domain)

    ցޖ և਷ ޙઁܳ ಹח Ѫ਷ ইקө?

    • ੤ࢎਊࢿ (Composability)

    ঱ઃо ઑ݀ؼ ࣻ ੓ਸө?

    i.e. दр੉ ૑աب ࣻण੉ উغח Ѫ

    View full-size slide

  62. 1. بݫੋਸ झ౵ѱ౭୊ۢ ٜ݅঻ਵݶ,

    ަ ೧ب झ౵ѱ౭ ௏٘݅ աৡ׮.
    2. ੤ࢎਊࢿਸ ҙܻೞ૑ ޅೞݶ,

    ੢ӝ੸ਵ۽ ࡅܰѱ ਑૒ੌ ࣻ হ׮.

    View full-size slide

  63. "৵ ޙҳೞա ࣻ੿ೞחؘ 1઱ੌ੉ա Ѧ۰ਃ?"
    ੉۠ ࢚ടਸ ੄بೞח ࢎۈ਷ হ׮

    View full-size slide

  64. PS. ੤ࢎਊࢿ ҙ੼ীࢲ ਤ Ӓܿਸ ׮दࠁ੗

    View full-size slide

  65. Automation
    ੗زചۆ?
    • ѐߊ੗ٜ੉ ޷؋੉ۄҊ ৈӝח Ѫ

    • ױࣽ ߈ࠂ ੘স ઴ৈ઱ח Ѫ

    • पࣻܳ ઴ৈ઱ח Ѫ

    ੗زചܳ ా೧ ੔ৈदрਸ ঳঻׮ݶ ޖ঺ਸ ੏঻ਸө?

    View full-size slide

  66. ޙઁܳ ੜ ಹח Ѫ੉ ইצ, ࡈܻ ಹח Ѫ
    • ೞ૑݅ ޙઁח ҅ࣘ ߸ೠ׮. (੹ۚ੉ ߸ೞפө)

    • ബਯ੸ != ബҗ੸

    ࠙೧ػ ױਤ ੘সਸ Ѿ೤ೞৈ ೐۽ࣁझܳ ݅٘ח Ѫ
    • ஹನք౟о ૞ৈ૑Ҋ ੓૑ח ঋ਷૑?
    ੗زച੄ ੉ݶ

    View full-size slide

  67. ઑ૒੄ য়ߡೖ౴
    ઑ૒੄ ࢎҊߑध੉ա दझమ੉ ૑աр ޙઁী ցޖ ୭੸ചغח Ѫ

    View full-size slide

  68. о஖ ઁউ
    য়ېب۾ ૓ചೞח ઁಿਸ ٜ݅੗

    ೐۽Ӓ۔ਸ ૞૑ ݈Ҋ ઁಿب ૞૑ ݈੗

    Ѥъೠ ஹನք౟ܳ ݆੉ ٜ݅Ҋ ੜ ҙܻೞ੗

    View full-size slide

  69. ਋ܻ݅ ॳ૑ب ݈੗
    ଼ API

    ܻ࠭ API

    Ѩ࢝ API

    ةࢲ֢౟ API

    ...
    ఃਕ٘ ౵ੋ؊

    ੉޷૑ ݧ૑ѱ ҕਬೞӝ

    ௑బஎ ࠭য

    ଼ ୶ୌ ূ૓

    ...
    ؘ੉ఠܳ ઁҕೞח ஹನք౟ ؘ੉ఠܳ ഝਊೞח ஹನք౟

    View full-size slide

  70. Always Be a Composer

    View full-size slide

  71. ଵҊ੗ܐ
    • The Pyramid of Clarity by Wavelength, Asana

    https://wavelength.asana.com/pyramid-clarity-strategic-alignment/

    • The Language of the System by Rich Hickey

    https://www.youtube.com/watch?v=ROor6_NGIWU

    • Choose Boring Technology by Dan McKinley

    http://boringtechnology.club/

    • Unix Philosophy by Ken Thomson

    https://en.wikipedia.org/wiki/Unix_philosophy

    • Simplicity Matters by Rich Hickey

    https://www.youtube.com/watch?v=rI8tNMsozo0

    • Worse is Better by Richard P. Gabriel

    https://en.wikipedia.org/wiki/Worse_is_better

    • Images from: mojs, Composer, Docker Compose, React, LEGO®

    View full-size slide