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
1
61
Green Academy Seminar 2019
Front-End 디자인/개발 러닝 가이드
yamoo9
September 06, 2019
Tweet
Share
More Decks by yamoo9
See All by yamoo9
WCAG
yamoo9
0
320
접근성/SEO를 고려한 프론트엔드 프레임워크 개발
yamoo9
0
110
패러다임 전환 - FrontEnd Dev.
yamoo9
0
240
2018 웹 테크 콘서트 - JavaScript 천천히 시작하기
yamoo9
0
290
모바일 UI 레이아웃 디자인 (CSS Grid + Frameworks) 2018
yamoo9
0
1.2k
Other Decks in Education
See All in Education
Padlet opetuksessa
matleenalaakso
4
12k
Library Prefects 2024-2025
cbtlibrary
0
110
"数学" をプログラミングしてもらう際に気をつけていること / Key Considerations When Programming "Mathematics"
guvalif
0
560
RSJ2024学術ランチョンセミナー「若手・中堅による国際化リーダーシップに向けて」資料 (河原塚)
haraduka
0
220
20241004_Microsoft認定資格のFundamentals全部取ってみた
ponponmikankan
2
330
Web 2.0 Patterns and Technologies - Lecture 8 - Web Technologies (1019888BNR)
signer
PRO
0
2.4k
2409_CompanyInfo_Hanji_published.pdf
yosukemurata
0
380
認知情報科学科_キャリアデザイン_大学院の紹介
yuyakurodou
0
130
学習指導要領から職場の学びを考えてみる / Thinking about workplace learning from learning guidelines
aki_moon
1
710
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
710
H5P-työkalut
matleenalaakso
4
36k
Flinga
matleenalaakso
2
13k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Visualization
eitanlees
145
15k
A Philosophy of Restraint
colly
203
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Being A Developer After 40
akosma
87
590k
Building an army of robots
kneath
302
43k
How to Ace a Technical Interview
jacobian
276
23k
Site-Speed That Sticks
csswizardry
0
28
Making Projects Easy
brettharned
115
5.9k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
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
matleenalaakso
cbtlibrary
guvalif
haraduka
ponponmikankan
signer
yosukemurata
yuyakurodou
aki_moon
csswizardry
eitanlees
colly
smashingmag
akosma
kneath
jacobian
brettharned
swwweet
jlugia
panda_program
![ࢠ '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}
