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
250
2018 웹 테크 콘서트 - JavaScript 천천히 시작하기
Avatar for yamoo9 yamoo9
0
300
모바일 UI 레이아웃 디자인 (CSS Grid + Frameworks) 2018
Avatar for yamoo9 yamoo9
0
1.2k

Other Decks in Education

See All in Education
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない！！
Avatar for モブエンジニア masakiokuda
0
110
人になにかを教えるときに考えていること（2025-05版 / VRC-LT #18）
Avatar for sksat sksat
4
1k
The Art of Note Taking
Avatar for kanaya kanaya
1
130
ふりかえり研修2025
Avatar for pokotyamu pokotyamu
0
1.2k
SkimaTalk Teacher Guidelines Summary
Avatar for SkimaTalk skimatalk
0
790k
Implicit and Cross-Device Interaction - Lecture 10 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
2
1.7k
America and the World
Avatar for Spiro Bolos oripsolob
0
510
技術勉強会 〜 OAuth & OIDC 入門編 / 20250528 OAuth and OIDC
Avatar for OpenID Foundation Japan oidfj
5
1.2k
諸外国の理科カリキュラムにおけるビッグアイデアの構造比較
Avatar for Daiki Nakamura arumakan
0
310
実務プログラム
Avatar for リスナビ takenawa
0
5.1k
2025年度春学期　統計学　第2回　統計資料の収集と読み方（講義前配付用） (2025. 4. 17)
Avatar for Akira Asano akiraasano
PRO
0
140
SkimaTalk Teacher Guidelines
Avatar for SkimaTalk skimatalk
0
790k

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
5.9k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
Done Done
Avatar for chrislema chrislema
184
16k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k

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. पޖҮਭഅ੢ীࢲ
 ׮द݅ժद׮ ঠޖ