Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Green Academy Seminar 2019
Search
yamoo9
September 06, 2019
Education
66
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Green Academy Seminar 2019
Front-End 디자인/개발 러닝 가이드
yamoo9
September 06, 2019
More Decks by yamoo9
See All by yamoo9
WCAG
yamoo9
0
320
접근성/SEO를 고려한 프론트엔드 프레임워크 개발
yamoo9
0
120
패러다임 전환 - FrontEnd Dev.
yamoo9
0
260
2018 웹 테크 콘서트 - JavaScript 천천히 시작하기
yamoo9
0
310
모바일 UI 레이아웃 디자인 (CSS Grid + Frameworks) 2018
yamoo9
0
1.3k
Other Decks in Education
See All in Education
吉祥寺.pmは1つじゃない — 複数イベント並走運営の12年 —
magnolia
0
1.3k
共感から、つくる: 変わり続ける自分と、誰かのための創造
micknerd
1
400
2026年度春学期 統計学 第2回 統計資料の収集と読み方 (2026. 4. 16)
akiraasano
PRO
0
190
Curso de Consagração ao Sagrado Coração de Jesus - O Sagrado Coração na História (Aula 01)
cm_manaus
0
230
Data Management and Analytics Specialisation
signer
PRO
0
1.8k
Catecismo 26 #1 - Aula inaugural
cm_manaus
0
180
2026年度春学期 統計学 第5回 分布をまとめるー記述統計量（平均・分散など） (2026. 5. 7)
akiraasano
PRO
0
150
焦燥を平穏に変えるエンジニアのための哲学
ichimichi
5
4.2k
[2026前期火５] 論理学（京都大学文学部 前期 第1回）「ハルシネーションを外部世界との対応を考えずに見分ける方法」
yatabe
0
1.1k
2026年度春学期 統計学 第7回 データの関係を知る（２）ー 回帰と決定係数 (2026. 5. 21)
akiraasano
PRO
0
160
The Art & Science of Elearning
tmiket
1
230
[2026前期火５] 論理学（京都大学文学部 前期 第2回）「論理的な正しさはどこにあるのか」
yatabe
0
970
Featured
See All Featured
Designing Powerful Visuals for Engaging Learning
tmiket
1
430
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
180
Context Engineering - Making Every Token Count
addyosmani
9
990
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.3k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
250
Discover your Explorer Soul
emna__ayadi
2
1.1k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
40k
Skip the Path - Find Your Career Trail
mkilby
1
150
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Docker and Python
trallard
47
3.9k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.3k
Transcript
(3&&/"$"%&.: 'SPOU&OE%FTJHO%FW -FBSOJOH(VJEF 4&.*/"3
!ZBNPPZPVUVCFDPNZBNPPZBNPP!OBWFSDPN ঠޖ ZBNPP ٣ੋҕ .BKPSJO%FTJHO ѐߊীѱѐߊ оܰחъࢎ *OTUSVDUPSXIP EFWFMPQTEFWFMPQFS
!ZBNPPZPVUVCFDPNZBNPPZBNPP!OBWFSDPN ٣ੋࢲ %FTJHOCPPL ѐߊࢲ %FWFMPQCPPL ѐߊࢲ %FWFMPQCPPL
ৡۄੋبࢲ &#PPL VJEHJUCPPLJPDTTHSJE
ZBNPPHJUCPPLJPXDBH ৡۄੋبࢲ &#PPL
BZHJUCPPLJPHSBQIJDTBSJB ৡۄੋبࢲ &#PPL
աܳ҅ߊೞחѪ য়טӝ۾ীࢲदػ — 야무 —
٣ց ѐߊ ৵ోө :".00/*/&!ZBNPPZBNPP!OBWFSDPN
߄ۄࠁח ҙର
٣ցח ѐߊח $PNQPTJUJPO %FDPNQPTJUJPO ҳࢿ ࠙೧
٣ցҙ ѐߊҙ
٣ցח ѐߊח 0SJHJOBMJUZ 3FVTBCJMJUZ ةହࢿ ࢎਊࢿ
٣ցࢿೱ ѐߊࢿೱ ݒಕ݃ ର߹ചغחةହੋ ҳࢿਃ೧ ݒಕ݃ ৈ۞ߣࢎਊоמೠ ҳࢿਃ೧
ই౭झࢿೱ
ࢎ౭झࢿೱ
٣ցח ѐߊח &NPUJPO -PHJD хࢿ ֤ܻ
٣ցब ѐߊब хࢿ &NPUJPO ֤ܻ -PHJD
٣ցചߨ ѐߊചߨ ਬ .FUBQIPS ࢸ %JSFDU ખ؊ۣࠗ٘Ҋ ъೠੋ࢚ਸ ࠁৈҊरযਃ ୡزউ
FBTJOHчਸ&BTF0VU&MBTUJD ਵ۽ܻ೧ࣁਃ
٣ցח ই౭झо ইתפ Ӓؘ۠ ݈ੑפ
ࢠ 'PVOUBJO ]્ࢎഥ ࣿాਸࠗೞחࣿز ই ࣁ҅ח դ೧ 難解
ই ࣁ҅ח դ೧ 難解 ޖઁ VOUJUMF ]ۄୡഅप્
Ӓېबࠅ]ױࣽചܳాೠݫद׳ബҗഛ ҕхഋࢿ ٣ੋ ࣁ҅ח ݺഛ 明確
ױࣽചҗ ٣ੋ ࣁ҅ח ݺഛ 明確
షӒ۔]ೞחղਊਸ࢚ਵ۽दпച хਵ۽೧ ٣ੋ ࣁ҅ח ݺഛ 明確
)FSCFSU"MFYBOEFS4JNPO അઓೞח࢚ടਸ؊ࢶഐೞח࢚ടਵ۽ ߄Բӝਤೠੌ۲೯زਸҊউ೧ղח ࢎۈۄݶ־ҳٚ٣ੋೠ ۞ೠੌযڌѱࠁੌࡺ݅ইפۄ যڌѱࢎਊغҊٜ݅যחө Ҋ۰غযঠೠ nೲߡࢎݢ बܻ҃ઁ ٣ੋ
٣ੋ ஜ
బஎÃ࠺٣ੋ ఋನӒېೖۨইਓ బஎ ࠺ ٣ੋ
బஎ ࠺ ٣ੋ బஎÃ࠺٣ੋ ఋನӒېೖۨইਓ
٣ੋ۽ җಽ
٣ੋ۽ ѐߊ۽ࣁझ৬ ਬࢎפ ֥ۉભ
"SUJTU %FWFMPQFS %FTJHOFS ࢸ҅ ࣿ 難解 明確
"SUJTU %FWFMPQFS ࢸ҅ ࣿ 難解 明確 %FTJHOFS
٣ੋҗѐߊ ઙೠର ੑפ
None
٣ੋࣿীоӰҊࢤп೧ ѐߊоߓࣻহҊࠌਵա ݄࢚ҕࠗ೧ࠁפࢸ҅ஏݶীࢲ ѐߊҗݒਬࢎ೮णפ ୍߅ࢎ
٣ੋҗѐߊ ߑߨܰ݅ ݾחزੌפ
8FCUPPO .PWJF 4503:
٣ցоಽযղחߑߨ ѐߊоಽযղחߑߨ <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*$&
$PNQPTJUJPOҳࢿ %FDPNQPTJUJPO࠙೧ 0SJHJOBMJUZ ةହࢿ 3FVTBCJMJUZࢎਊࢿ &NPUJPOхࢿ -PHJD֤ܻ ࢸ҅ %FTJHOFSTRVBMJUJFT
:".00/*/&!ZBNPPZBNPP!OBWFSDPN 디자인에 대해 알지도 못하면서! 그렇게해서는 개발할 수 없다고!
:".00/*/&!ZBNPPZBNPP!OBWFSDPN 독창성을 고려하되 재사용을 염두에 두고 디자인에 논리를 부여한다면 독창성을
존중하고 감성에 공감하며 최대한 구현하도록 노력한다면 ઁחযڌѱࠁੌࡺ݅ইפۄযڌѱࢎਊغҊٜ݅যחөҊ۰೧ঠೠ ೲߡࢎݢ बܻ҃ઁ
:".00/*/&!ZBNPPZBNPP!OBWFSDPN
ਗೡೠഈসਸ ਤ೧যڃ֢۱ ਃೡө
नߊਸ٣ੋೞ۰ݶ नߊхऱחߊਸ ݢোҳ೧ঠೠ
None
None
None
ਢ٣ੋਸೞ۰ݶ ਢ࠳ۄജ҃ਸ ೧೧ঠೠ
ನషࢪ ਢ࠳ۄо ইתפ
None
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
٣ցо ঌইঠೡ ਢജ҃
ZFTDPN(PPET
ழޭפா࣌ਸਤೠ Ӓېदউਸઁೞۄ
ܻ উػ աࢂ दউ
ܻ ੜػ જ दউ
࢚క ܻ જ दউ
࢚క ܻ જ दউ
HPPHMQ&'2-"
QIPUPTIPQFUJRVFUUFDPN
Էਸಟӝ ਤ೧যڃ ળ࠺ৈ ਃೡө
ೠӝࠄӝ
HPPHMB[H:&
ZBNPPHJUIVCJPGSPOUFOENBTUFS
ZPVUVCFDPNDঠޖ
়ఠܻࢶ߹উ
MJOFQMVTDPSQDPN
LBLBPCBOLSFDSVJUFSDPLS
࠽٘স
SPBENBQTIGSPOUFOE ۿূ٘ѐߊо٘ 'SPOU&OE-FBSOJOH(VJEF
HPPHM6YQ#
HPPHMT:;-'
HPPHM9O6F7
पޖҮਭഅীࢲ द݅ժद ঠޖ
yamoo9
magnolia
micknerd
akiraasano
cm_manaus
signer
ichimichi
yatabe
tmiket
aleyda
addyosmani
ivargrimstad
.png){kind=avatar}
helenjbeal
emna__ayadi
akihiro_kokubo
mkilby
afnizarnur
trallard
![ࢠ 'PVOUBJO ]્ࢎഥ ࣿాਸࠗೞחࣿز ই ࣁ҅ח դ೧ 難解](https://files.speakerdeck.com/presentations/c3fb4693dc4949538f97ce78bb304a0d/slide_19.jpg){kind=link}
![ই ࣁ҅ח դ೧ 難解 ޖઁ VOUJUMF ]ۄୡഅप્](https://files.speakerdeck.com/presentations/c3fb4693dc4949538f97ce78bb304a0d/slide_20.jpg){kind=link}
![Ӓېबࠅ]ױࣽചܳాೠݫद׳ബҗഛ ҕхഋࢿ ٣ੋ ࣁ҅ח ݺഛ 明確](https://files.speakerdeck.com/presentations/c3fb4693dc4949538f97ce78bb304a0d/slide_21.jpg){kind=link}
![షӒ۔]ೞחղਊਸ࢚ਵ۽दпച хਵ۽೧ ٣ੋ ࣁ҅ח ݺഛ 明確](https://files.speakerdeck.com/presentations/c3fb4693dc4949538f97ce78bb304a0d/slide_23.jpg){kind=link}
