디자이너와 개발자의 협업이야기 : Git & Atomic System

٣੗੉ց৬ѐߊ੗੄ഈসীࢲ ழޭפா੉࣌࠺ਊ੺хਸ ਤ೧֢۱ೞ৓ҊӒѾҗ ࢜۽਍೐۽ࣁझ੄ب੹ਵ۽

ழޭפா੉࣌࠺ਊ੺х ௏٘۽٣੗ੋೞӝ ೠ੿ػੋਗਵ۽ѐߊীખ؊૘઺ о੉٘ޙࢲ೙ਃY IUNM DTTܳ٣੗੉ցоಌ࠶ܻयױ҅ө૑૓೯ೞחѤԨബਯ੸ CPY\ QBEEJOHQYQY CPSEFSSBEJVTQY CBDLHSPVOEDPMPSG
DPMPSE GPOUTJ[FQY ^ 5ZQFTPNFUIJOH QY QY QY QY

ழޭפா੉࣌࠺ਊ੺х ௏٘۽٣੗ੋೞӝ ௏٬ਵ۽੤അਯب֫൨ ޙࢲ۽੹׳ػ٣੗ੋ਷ࢲ۽ڪযզ૑ۄب৮߷൤ੌ஖ೞӟয۰ਛӝٸޙ

٣੗ੋݺ ѐߊ੗ݺ੉ೠ౱੉غয૓೯ ࢚ਤӝദ ߔূ٘ѐߊ੗ ਢ੘স೐۽ࣁझ 69%FTJHOFS 6*%FTJHOFS 'SPOUFOE%FWFMPQFS ਢѐߊ ࢚ࣁӝദࢲ
6*झா஖ ಌ࠶ܻय

؀ӝदр੉ӡ঻׮ ࢚ࣁࢸ҅ࢲ۽৮ࢿझಖਸҕਬ೮ח؀بࠛҳೞҊ૒۳੸૓೯ਸೡࣻ߆ীহ঻׮ ೞ૑݅ৈӝࢲبࠛಞೠ੼

ߡ੹ҙܻо੼੼઺ਃ೧઎૑݅౵ঈೞӝ൨ٜ঻׮ Ӓې೗੉ঠ੉ۧѱࠁݶऔ૑݅ ೞ૑݅ৈӝࢲبࠛಞೠ੼

ߡ੹ҙܻо੼੼઺ਃ೧઎૑݅౵ঈೞӝ൨ٜ঻׮ ചݶ੉࠺तೞ؊ۄب௏٘ܳࣻ੿೮׮ݶ౵ঈೞӝয۰਑ ࢎप٣੗੉ցח௏٘оইפ؊ۄبߡ੹ҙܻоޙઁ ೞ૑݅ৈӝࢲبࠛಞೠ੼

੗ੜೠࣻ੿੉೙ਃೡٸগݒೠழޭפா੉࣌ ೞ૑݅ৈӝࢲبࠛಞೠ੼

૒۳੸૓೯ਵ۽ੋೠ؀ӝदр ߡ੹ҙܻয۰਑ ੗ੜೠࣻ੿੉೙ਃೡٸগݒೠழޭפா੉࣌ ೞ૑݅ৈӝࢲبࠛಞೠ੼

যוզѐߊ੗৯ t(JUߓਕࠅېਃ u

যוզѐߊ੗৯ t(JUߓਕࠅېਃ u tেӒѱޤભ u

য়৩ t(JU਷ߡ੹ҙܻदझమੑפ׮u

(JUਸо੢औѱ಴അೞ੗ݶ ҳӖةझ ҕਬೞҊ੓חೠಕ੉૑ ٣੗੉ցחӖ੗੄௼ӝ৬ ࢚࢝ਸੑ൦׮ ѐߊ੗חӖ੗ܳ ॳҊ

૒۳੸૓೯ਵ۽ੋೠ؀ӝदр ߡ੹ҙܻয۰਑ ੗ੜೠࣻ੿੉೙ਃೡٸগݒೠழޭפா੉࣌ ߽۳੸੘সਵ۽ࣘبೱ࢚ ߡ੹ ൤झషܻ੷੢ ழ޿
(JUীࢲ੘স೧ࢲ߄۽߈৔оמ ಽܻ௮झ౟ ࠛಞೠ੼(JUਵ۽೧Ѿ

૒۳੸૓೯ਵ۽ੋೠ؀ӝदр ߡ੹ҙܻয۰਑ ੗ੜೠࣻ੿੉೙ਃೡٸগݒೠழޭפா੉࣌ ৮੹೧Ѿ ࠛಞೠ੼(JUਵ۽೧Ѿ

߽۳੸੘স੉যڌѱࣘبೱ࢚੉غ঻ח૑ ࢚ࣁӝദࢲ 5JUMF 4JEF.FOV
$POUBJOFS %BUF1JDLFS 4FBSDI*OQVU %FGBVMU#VUUPO /FX-BZPVU

࢚ਤӝദ ߔূ٘ѐߊ੗ ਢ੘স೐۽ࣁझ#FGPSF 69%FTJHOFS 6*%FTJHOFS 'SPOUFOE%FWFMPQFS ਢѐߊ ࢚ࣁӝദࢲ 6*झா஖ ಌ࠶ܻय

࢚ਤӝദ ߔূ٘ѐߊ੗ ਢ੘স೐۽ࣁझ"GUFS 69%FTJHOFS 6*%FTJHOFS (JU 'SPOUFOE%FWFMPQFS ਢѐߊ ࢚ࣁӝദࢲ 6*झா஖
ಌ࠶ܻय

੸਷ܻࣗझ۽ബਯ੸ੋ੘সਸਤೠ ழޭפா੉࣌࠺ਊ੺хਸपഅ ௏٘۽٣੗ੋ (JU ߽۳੸੘স ழޭפா੉࣌࠺ਊ੺х

࢜۽਍೐۽ࣁझ੄ب੹ ழޭפா੉࣌࠺ਊ੺хਸ੺хೞҊաפ ੤ഝਊ੉൜޷۽ਛ׮

੤ഝਊਸ؊੸ӓ੸੉ѱ ೐ۿ౟ѐߊ౱ীࢲܻঘ౟ܳ੉ਊೞৈ ஹನք౟߹ҙܻܳ؊஖޻ೞѱ ژ੤ഝਊਸ੸ӓ੸੉ѱ ੤ഝਊ਷ѐߊ੘স੄ࣘبܳѐࢶ೧ળ׮ೞ૑݅؊઺ਃೠѤాੌࢿ੓חഛ੢ਸೡࣻ੓׮חѪ

Ӓ۞ӝਤ೧Ҋ୛ঠೡѪٜ ࢚ഐ੄ઓࢿ੉݆ও؍Ӗ۽ߥ$44 ҕా੼੉੓חஹನք౟بة݀غযઓ੤

ஹನք౟ܻܳझ౟੿ܻࠗఠ׮दҳ୷೧ঠ೮׮ যڃߑߨ੉જਸө

Atomic System झఋੌо੉٘оইצஹನք౟ҳઑ੸о੉٘ ੤ഝਊҗੌҙࢿਸੜ੉ਊೞݴ ഛ੢بоמ

Atomic System

Atomic System ӝദ ٣੗ੋ ѐߊ

Atomic System %FTJHO-BOHVBHF4ZTUFN

ѐߊীࢲஹನք౟ܳ݅٘חߑߨ ੉ܴ ੉ܴਸੑ۱೧઱ࣁਃ ੉ܴਸ߈٘दੑ۱೧઱ࣁਃ

ѐߊীࢲஹನք౟ܳ݅٘חߑߨ EJWDMBTTuTNBSUJOQVUu MBCFMGPSuJOQVU@OBNFu ੉ܴ MBCFM JOQVU JEuJOQVU@OBNFu UZQFuUFYUu QMBDFIPMEFSu੉ܴਸੑ۱೧઱ࣁਃu
QDMBTTuFSSPSNFTTBHFu ੉ܴਸ߈٘दੑ۱೧઱ࣁਃ Q EJW 4NBSU*OQVU JEuJOQVU@OBNFu QMBDFIPMEFSu੉ܴਸੑ۱೧઱ࣁਃ FSSPS.FTTBHFu੉ܴਸ߈٘दੑ۱೧઱ࣁਃu

"UPNJD#BTFE$PNQPOFOU "#$PNQPOFOU "#$ 6OEFS$POTUSVDUJPO

੤ഝਊ যו੿ب۽੤ഝਊؼࣻ੓חо ഛ੢ ݃ѐઑ١ ௏٘ҳઑ झఋੌਸ੸ਊೞחߑߨ١੉ੌҙ੸ੋо ঴݃ա݆਷ࠂ੟ب৬߸ചܳ׸ਸࣻ੓חо ੌҙࢿ ߸ച۝

Button Button Button Button Look & Feel을 위해 지속적으로 변화될
수 있음 스타일 미학적인 것에 의해 기능과 역할, 사용법이 바뀌지는 않음 컴포넌트 “이건 버튼이야. 네가 원하는 버튼은 이 안에 있어.”

다른 컴포넌트의 토대가 되는 가장 기초적인 컴 포넌트 속성 및
요소들이 매우 동적으로 들어감. Basic Button Input Item Item Item Toggle List Basic 컴포넌트들이 조합되어 만들어진 컴포넌 트 사용 빈도가 높은 컴포넌트들이 주로 속함. Composed Basic, Composed 컴포넌트를 HOC, Overriding 등의 방법으로 재활용한 컴포 넌트 Deep

요소들이 매우 동적으로 들어감. Basic Button Input Item Item Item Toggle List Basic 컴포넌트들이 조합되어 만들어진 컴포넌 트 사용성이 높은 컴포넌트들이 주로 속함. Composed Favorite Animal Basic, Composed 컴포넌트를 HOC, Overriding 등의 방법으로 재활용한 컴포 넌트 Deep

요소들이 매우 동적으로 들어감. Basic Button Input Item Item Item Toggle List Basic 컴포넌트들이 조합되어 만들어진 컴포넌 트 사용 빈도가 높은 컴포넌트들이 주로 속함. Composed Favorite Animal Basic, Composed 컴포넌트를 HOC, Overriding 등의 방법으로 재활용한 컴포 넌트 Deep o dog fox monkey

(JUਸ੉ਊ೧ ழޭפா੉࣌࠺ਊ੺хਸ ਤ೧पഅೞ৓Ҋ؊աইо ইష޸दझమ੄ب੹ਵ۽ ࢲ۽ী؀೧؊ঌࣻ੓ѱغ঻׮

੉ѐࢶ࢚ടীࢲ٣੗੉ցח ѾҴ೟ण࠺ਊ੉೙ਃ झఋੌࠁ׮ബਯ Ѥࢸ੸ࢎҊо਋ࢶ੸੉ؽ ѐߊ੄ઓࢿ੉ࢤӣ KTYٜܳ݅য઻

੿׹਷হ׮ ٣੗੉ցоԙ௏٬ਸߓ਋חѱನੋ౟חইפۄҊࢤпೠ׮ ௏٘ب٣੗ੋ੄җ੿੉ۄࢤпೠ׮ݶ٣੗੉ցח؊੉࢚ѐߊਸߓ਋חѪ੉ইפۄ٣੗ੋਸҕࠗೞחѪ੉׮ ࢲ۽੉۞ೠ੸ӓ੸ੋ੗ࣁܳஂೞחѪ੉ࢲ࠺झܳ݅٘חݽٚࢎۈ੄ৢ߄ܲ੗ࣁੌѪ੉׮ ਋ܻח҅ࣘҊ޹ೞҊदبೞҊ੓ਵݴ Ӓҗ੿ࣘীࢲߓ਋Ҋ੓׮

https://www.rocketpunch.com/companies/ab180/jobs э੉Ҋ޹ೞҊࢿ੢ೞप࠙ ଺णפ׮

디자이너와 개발자의 협업이야기 : Git & Atomic System

디자이너와 개발자의 협업이야기 : Git & Atomic System

Other Decks in Design

Featured

Transcript