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

Green Academy Seminar 2019

Avatar for yamoo9 yamoo9
September 06, 2019
Education
1
63

Green Academy Seminar 2019

Front-End 디자인/개발 러닝 가이드

Avatar for yamoo9

yamoo9

September 06, 2019
Tweet

More Decks by yamoo9

See All by yamoo9
WCAG
Avatar for yamoo9 yamoo9
0
320
접근성/SEO를 고려한 프론트엔드 프레임워크 개발
Avatar for yamoo9 yamoo9
0
120
패러다임 전환 - FrontEnd Dev.
Avatar for yamoo9 yamoo9
0
260
2018 웹 테크 콘서트 - JavaScript 천천히 시작하기
Avatar for yamoo9 yamoo9
0
310
모바일 UI 레이아웃 디자인 (CSS Grid + Frameworks) 2018
Avatar for yamoo9 yamoo9
0
1.2k

Other Decks in Education

See All in Education
ÉTICA, INCLUSIÓN, EDUCACIÓN INTEGRAL Y NEURODERECHOS EN EL CONTEXTO DEL NEUROMANAGEMENT
Avatar for José Vicente Pérez Cubias jvpcubias
0
120
探査機自作ゼミ2025スライド
Avatar for sksat sksat
3
820
みんなのコード 2024年度活動報告書/ 2025年度活動計画書
Avatar for みんなのコード codeforeveryone
0
350
[FUN Open Campus 2025] 何でもセンシングしていいですか？
Avatar for Shigemi ISHIDA pman0214
0
250
Портфолио - Шынар Ауелбекова
Avatar for z shynar
0
120
高校におけるプログラミング教育を考える
Avatar for Naoki Kato naokikato
PRO
0
160
Test-NUTMEG紹介スライド
Avatar for Mugicha mugiiicha
0
230
20250830_MIEE祭_会社員視点での学びのヒント
Avatar for ponponmikan ponponmikankan
1
180
Software
Avatar for i-rochiño irocho
0
530
尊敬語「くださる」と謙譲語「いただく」の使い分け
Avatar for marimari hysmrk
0
110
小学校女性教員向け プログラミング教育研修プログラム「SteP」の実践と課題
Avatar for みんなのコード codeforeveryone
0
140
Master of Applied Science & Engineering: Computer Science & Master of Science in Applied Informatics: Artificial Intelligence and Data Science
Avatar for Beat Signer signer
PRO
0
830

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.7k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5.1k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
8.9k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k

Transcript

  1. (3&&/"$"%&.: 
 'SPOU&OE%FTJHO%FW
 -FBSOJOH(VJEF 4&.*/"3

  2. !ZBNPPZPVUVCFDPNZBNPPZBNPP!OBWFSDPN ঠޖ ZBNPP ٣੗ੋ੹ҕ .BKPSJO%FTJHO ѐߊ੗ীѱѐߊ оܰ஖חъࢎ *OTUSVDUPSXIP EFWFMPQTEFWFMPQFS

  3. !ZBNPPZPVUVCFDPNZBNPPZBNPP!OBWFSDPN ٣੗ੋࢲ %FTJHOCPPL ѐߊࢲ %FWFMPQCPPL ѐߊࢲ %FWFMPQCPPL

  4. ৡۄੋبࢲ &#PPL VJEHJUCPPLJPDTTHSJE

  5. ZBNPPHJUCPPLJPXDBH ৡۄੋبࢲ &#PPL

  6. BZHJUCPPLJPHSBQIJDTBSJB ৡۄੋبࢲ &#PPL

  7. աܳ҅ߊೞחѪ਷ য়ט੄ӝ۾ীࢲद੘ػ׮ — 야무 —

  8. ٣੗੉ց ѐߊ੗
 ৵׮ోө :".00/*/&!ZBNPPZBNPP!OBWFSDPN

  9. ߄ۄࠁח
 ҙ੼੄ର੉

  10. ٣੗੉ցח
 ѐߊ੗ח $PNQPTJUJPO %FDPNQPTJUJPO ҳࢿ ࠙೧

  11. ٣੗੉ցҙ੼ ѐߊ੗ҙ੼

  12. ٣੗੉ցח
 ѐߊ੗ח 0SJHJOBMJUZ 3FVTBCJMJUZ ةହࢿ ੤ࢎਊࢿ

  13. ٣੗੉ցࢿೱ ѐߊ੗ࢿೱ ݒಕ੉૑݃׮
 ର߹ചغחةହ੸ੋ
 ҳࢿ੉೙ਃ೧ ݒಕ੉૑݃׮
 ৈ۞ߣ੤ࢎਊоמೠ
 ҳࢿ੉೙ਃ೧

  14. ই౭झ౟ࢿೱ

  15. ࢎ੉঱౭झ౟ࢿೱ

  16. ٣੗੉ցח
 ѐߊ੗ח &NPUJPO -PHJD хࢿ ֤ܻ

  17. ٣੗੉ց੄ब੢ ѐߊ੗੄ब੢ хࢿ
 &NPUJPO ֤ܻ
 -PHJD

  18. ٣੗੉ցചߨ ѐߊ੗ചߨ ਷ਬ
 .FUBQIPS ૒ࢸ
 %JSFDU ખ؊ۣࠗ٘Ҋ
 ъೠੋ࢚੄਑૒੐ਸ
 ࠁৈ઱Ҋरযਃ ୡزউ


    FBTJOHчਸ&BTF0VU&MBTUJD
 ਵ۽୊ܻ೧઱ࣁਃ

  19. ٣੗੉ցח
 ই౭झ౟о
 ইתפ׮ Ӓؘ۠ ݈ੑפ׮

  20. ࢠ 'PVOUBJO ]׮׮੉્੉੹੄ࢎഥ੸ ৘ࣿ੸੹ాਸࠗ੿ೞח৘ࣿ਍ز ই౟੄
 ࣁ҅ח
 դ೧ 難解

  21. ই౟੄
 ࣁ҅ח
 դ೧ 難解 ޖઁ VOUJUMF ]௒ۄ઱ୡഅप઱੄׮׮੉્

  22. Ӓې೗बࠅ]ױࣽചܳాೠݫद૑੹׳ബҗ੄ഛ੢ ҕх؀ഋࢿ ٣੗ੋ੄
 ࣁ҅ח
 ݺഛ 明確

  23. ױࣽചҗ੿ ٣੗ੋ੄
 ࣁ҅ח
 ݺഛ 明確

  24. ೗షӒ۔]੄޷ೞחղਊਸ࢚૚੸ਵ۽दпച ૒хਵ۽੉೧ ٣੗ੋ੄
 ࣁ҅ח
 ݺഛ 明確

  25. )FSCFSU"MFYBOEFS4JNPO അઓೞח࢚ടਸ؊ࢶഐೞח࢚ടਵ۽ ߄Բӝਤೠੌ۲੄೯زਸҊউ೧ղח ࢎۈ੉ۄݶ־ҳٚ૑٣੗ੋೠ׮ ੉۞ೠੌ਷যڌѱࠁੌ૑ࡺ݅ইפۄ যڌѱࢎਊغҊٜ݅য૑ח૑ө૑
 Ҋ۰غযঠೠ׮ nೲߡ౟ࢎ੉ݢ बܻ҃ઁ೟੗ ٣੗ੋ

    ੿੄ ٣੗ੋ
 ૑ஜ

  26. ௑బஎÃ࠺઱঴٣੗ੋ ఋ੉ನӒېೖۨ੉ইਓ ௑బஎ ࠺઱঴
 ٣੗ੋ

  27. ௑బஎ ࠺઱঴
 ٣੗ੋ ௑బஎÃ࠺઱঴٣੗ੋ ఋ੉ನӒېೖۨ੉ইਓ

  28. ٣੗ੋ۽૒ җ੿ಽ੉

  29. ٣੗ੋ۽૒਷
 ѐߊ೐۽ࣁझ৬
 ਬࢎ೤פ׮ ֥ۉભ

  30. "SUJTU %FWFMPQFS %FTJHOFS ࢸ҅
 ৔৉ ৘ࣿ
 ৔৉ 難解 明確

  31. "SUJTU %FWFMPQFS ࢸ҅
 ৔৉ ৘ࣿ
 ৔৉ 難解 明確 %FTJHOFS

  32. ٣੗ੋҗѐߊ਷
 ઙ੉ೠ੢ର੉ ੑפ׮

  33. None

  34. ٣੗ੋ਷৘ࣿীоӰ׮Ҋࢤп೧
 ѐߊ੗оߓ਎ࣻহ׮Ҋࠌਵա 
 ݄࢚ҕࠗ೧ࠁפࢸ҅ஏݶীࢲ
 ѐߊҗݒ਋ਬࢎ೮णפ׮ ੿୍਋߅ࢎ

  35. ٣੗ੋҗѐߊ਷
 ߑߨ਷׮ܰ૑݅ 
 ݾ಴חزੌ೤פ׮

  36. 8FCUPPO .PWJF 4503:

  37. ٣੗੉ցоಽযղחߑߨ ѐߊ੗оಽযղחߑߨ <i class="nhn-icon nhn-icon__home" aria-label="֎੉ߡ ക"> </i> <i class="nhn-icon

    nhn-icon__note" aria-label="֎੉ߡ ֢౟"> </i> <i class="nhn-icon nhn-icon__calendar" aria-label="֎੉ߡ ஫ܽ؊"> </i> $PEF 7JTVBM 4&37*$&

  38. $PNQPTJUJPOҳࢿ %FDPNQPTJUJPO࠙೧ 0SJHJOBMJUZ ةହࢿ 3FVTBCJMJUZ੤ࢎਊࢿ &NPUJPOхࢿ -PHJD֤ܻ ࢸ҅੗੄੗૕ %FTJHOFSTRVBMJUJFT

  39. :".00/*/&!ZBNPPZBNPP!OBWFSDPN 디자인에 대해
 알지도 못하면서! 그렇게해서는
 개발할 수 없다고!

  40. :".00/*/&!ZBNPPZBNPP!OBWFSDPN 독창성을 고려하되 재사용을 염두에 두고 디자인에 논리를 부여한다면 독창성을

    존중하고 감성에 공감하며 최대한 구현하도록 노력한다면 ઁ੘੗חযڌѱࠁੌ૑ࡺ݅ইפۄযڌѱࢎਊغҊٜ݅য૑ח૑ө૑Ҋ۰೧ঠೠ׮ ೲߡ౟ࢎ੉ݢ बܻ҃ઁ೟੗

  41. :".00/*/&!ZBNPPZBNPP!OBWFSDPN

  42. ਗೡೠഈসਸ ਤ೧যڃ֢۱ ੉೙ਃೡө

  43. नߊਸ٣੗ੋೞ۰ݶ नߊ੉хऱחߊਸ
 ݢ੷োҳ೧ঠೠ׮

  44. None
  45. None
  46. None

  47. ਢ٣੗ੋਸೞ۰ݶ ਢ࠳ۄ਋੷ജ҃ਸ
 ੉೧೧ঠೠ׮

  48. ನషࢪ਷
 ਢ࠳ۄ਋੷о
 ইתפ׮

  49. None

  50. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  51. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  52. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  53. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  54. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  55. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  56. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  57. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  58. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  59. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  60. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  61. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  62. ٣੗੉ցо ঌইঠೡ
 ਢജ҃

  63. ZFTDPN(PPET

  64. ழޭפா੉࣌ਸਤೠ
 Ӓې೗दউਸઁ੘ೞۄ

  65. ੿ܻ
 উػ աࢂ
 दউ

  66. ੿ܻ
 ੜػ જ਷
 दউ

  67. ࢚క
 ୊ܻ જ਷
 दউ

  68. ࢚క
 ୊ܻ જ਷
 दউ

  69. HPPHMQ&'2-"

  70. QIPUPTIPQFUJRVFUUFDPN

  71. Էਸಟ஖ӝ ਤ೧যڃ
 ળ࠺ৈ੿੉
 ೙ਃೡө

  72. ఍఍ೠӝࠄӝ

  73. HPPHMB[H:&

  74. ZBNPPHJUIVCJPGSPOUFOENBTUFS

  75. ZPVUVCFDPNDঠޖ

  76. ়ఠܻࢶ߹উ

  77. MJOFQMVTDPSQDPN

  78. LBLBPCBOLSFDSVJUFSDPLS

  79. ࠽٘স

  80. SPBENBQTIGSPOUFOE ೐ۿ౟ূ٘ѐߊо੉٘ 'SPOU&OE-FBSOJOH(VJEF

  81. HPPHM6YQ#

  82. HPPHMT:;-'

  83. HPPHM9O6F7

  84. पޖҮਭഅ੢ীࢲ
 ׮द݅ժद׮ ঠޖ