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
FRONTEND
Search
yuni-q
January 11, 2020
Technology
0
36
FRONTEND
프론트엔드를 모르는 사람에게 HTML부터 React 이후까지의 간단한 설명을 진행합니다.
yuni-q
January 11, 2020
Tweet
Share
Other Decks in Technology
See All in Technology
LLM評価の落とし穴~開発者目線で気をつけるポイント~
rishigami
11
3.2k
From here to resilience - a travel guide
ufried
1
160
「知的単純作業」を自動化する、地に足の着いた大規模言語モデル (LLM) の活用
nrryuya
8
8.2k
「できる!」を増やすGitHub Copilot活用法 / How to use GitHub Copilot to expand your possibilities
sansan_randd
1
230
NewSQL Landscape
oracle4engineer
PRO
5
3.2k
.NET GraphQL Client のリアル
sansantech
PRO
0
120
AWS CLIの起動が重くてつらいので aws-sdk-client-go を書いた / kamakura.go#6
fujiwara3
4
2.2k
Cloudflare WorkersがPythonに対応したので試してみた
miura55
0
190
Taking Flight with Tailwind CSS
opdavies
0
4.3k
20240509 CloudWatch でいろいろなものを監視してみよう
masaruogura
1
120
エムスリーQAチーム紹介資料 / Introduction of M3 QA Team
m3_engineering
1
320
QAエンジニアが伝えたい品質保証の羅針盤 / Compass for Quality Assurance
mii3king
1
320
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.5k
Side Projects
sachag
451
41k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
The Brand Is Dead. Long Live the Brand.
mthomps
49
30k
Statistics for Hackers
jakevdp
790
220k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Thoughts on Productivity
jonyablonski
60
3.9k
Product Roadmaps are Hard
iamctodd
45
9.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Testing 201, or: Great Expectations
jmmastey
30
6.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
245
20k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Transcript
WEB FRONTEND BACKEND STUDY 2019. 12. 28 TEAM BACKEND yuniq
BACKEND STUDY | FRONTEND ਢ ӝࠄ 2
BACKEND STUDY | FRONTEND HTML / CSS 3 - HyperText
Markup Language - ਢಕܳ ӝࣿೞӝ ਤೠ ݃স য - HTML5 - Cascading Style Sheets - ҳઑച ػ ޙࢲܳ ചݶী যڌѱ ۪؊݂ೡ Ѫੋܳ ೞӝ ਤೠ য - HTMLҗ CSSח п ޙߨਸ ыח ߹ѐ য - HTML CSSܳ ನೣೡ ࣻ णפ. - HTMLহ ױةਵ۽ ઓೞח CSSח о হणפ. - SASS, SCSS, LESS - CSS-in-JS(jss, aphrodite, radium, styled-components, glamorous, emotion, styletron)
BACKEND STUDY | FRONTEND JAVASCRIPT 4 - ੋ HTMLਸ زਵ۽
അೞӝ ਤ೧ ҃ ۽Ӓې߁ যܳ بੑೞӝ۽ Ѿ - ؊Ӗۄझ ۅನ٘, פۄझ झ(ES LINT), ઓ ۨध, ࠳۪؍ ই - Mocha -> LiveScript -> JavaScript - JScript৬ ۽झ ࠳ۄ - ECMA ੋఠղ࣊օ ߄झ݀ ળച - ECMA-262ۄ ܻࠛח ળചػ ߄झ݀ ୡ౸(ECMAScript 1) ݺࣁ(specification)’ - ࢚ӂ ޙઁ۽ ߄झ݀ח ECMAScript۽ ݺݺ - 2009֙ दػ ECMAScript 5(ES5)ח HTML5৬ ೣԋ അೠ ળউ - 2015֙ ECMAScript 6(ECMAScript 2015)о ҕѐغҊ ߧਊ ۽Ӓې߁ য۽ࢲ ы୶যঠ ೡ ӝמٜਸ Ѣ بੑ - ES6 റ ߡস ӝמ ୶о ۨ߰۽ ݒ֙ ҕѐ
BACKEND STUDY | FRONTEND JAVASCRIPT2 5 - ਢ ಕ ࠁઑੋ
ӝמ - XMLHttpRequest - ؘఠ݅ਸ ࣠ ߉ই ߸҃ ਃೠ ࠗ࠙݅ਸ ೠਵ۽ ۪؊݂ - Google Maps - jQuery - V8
BACKEND STUDY | FRONTEND JAVASCRIPT3 6 - ਢ - ݽ߄ੌ
ೞ࠳ܻ٘ জ(PhoneGap, Ionic) - ݽ߄ੌ ೞ࠳ܻ٘ জ(NativeScript, React Native) - ࢲߡ ࢎ٘(NodeJS) - ؘझ఼(Electron) - ݠन ۞(TensorFlow.js) - ۽ࠁ౮झ(Johnny-Five)
BACKEND STUDY | FRONTEND - ਢ ࠳ۄীࢲ زೞח ਬੌೠ ۽Ӓې߁
য - ੋఠܻఠ য(Interpreter language) - ੋఠܻఠ ױਸ ೧Ѿ - ݣ౭ ಁ۞ ۽Ӓې߁ য. - ъ۱ೠ ёೱ ۽Ӓې߁ מ۱ - ES6ীࢲ ېझ بੑ - private ࠗ - ېझ ӝ߈ ёೱ যࠁ ബਯݶࢲ ъ۱ೠ ۽షఋੑ ӝ߈ ёೱ য JAVASCRIPT4 7
BACKEND STUDY | FRONTEND JAVASCRIPT4 8
BACKEND STUDY | FRONTEND JAVASCRIPT4 9 - Javascript MV* ۨਕ
- View ীо ࠭ ߮ ۽ਸ ܻೡ ࣻ ח ҳઑ - JSON ӝ߈ REST APIܳ ਗ - ഛ غѱ ಞೠ ഋక۽ ۨਕо ҳࢿ - HTTP Request ਃਸ ݽف ղࠗਵ۽ ܻೞৈ Data Modelী ইӝ ٸޙী, ࢲߡ ଃী ҙೠ ध হח ۿূ٘ ੑޙٜ࠙ԋ ؊ ಞೣ - Woowahan JSܳ Backbone ӝ߈ਵ۽ ઁ
BACKEND STUDY | FRONTEND ਢ ۿূ٘ 3 10 Angular React
Vue
BACKEND STUDY | FRONTEND Angular 11 - ҳӖ - Angular
1 AngularJS - Angular 2+ח Angular - RxJS - নߑೱ ؘఠ ߄ੋ٬ - Real DOM - TypeScript - Angular৬ AngularJS ഐജࢿ ޙઁ - Breaking Change( ߡҗ ഐജࢿ হח ߸҃) - ߡ 5 റ উച - ֫ ۞ ழ࠳
BACKEND STUDY | FRONTEND Vue 12 - Vueח Google
ѐߊ Evan Youী ೧ 2014֙ ѐߊ - औѱ Ӕ оמ - ױࣽ CDN ী ח ੌਸ ۽٬ - HTML ਸ మ݁ۢ ࢎਊ - ҕध ۄఠ, ࢚కҙܻ ۄ࠳۞ܻ - vueۄח ഛ ࢎਊ - নߑೱ ؘఠ ߄ੋ٬ ( ஹನք р ాन ӝࠄ ҎѺ ױߑೱ ) - ࢚ਵ۽ оߺҊ ࡅܴ - 3.0 աয়ݶࢲ typescript ਗ
BACKEND STUDY | FRONTEND React 13 - Facebook ݅ٚ UI
ஹನք ۄ࠳۞ܻ - MVC ಁఢ Vܳ - ஹನք ӝ߈ ইఃఫ - ۄ࠳۞ܻ - JSX - Virtual DOM - ױߑೱ ؘఠ ܴ ೱ - Redux - ӝࠄ ӝמ ࠗ
BACKEND STUDY | FRONTEND React2 14
BACKEND STUDY | FRONTEND ਃܻ 15 - Angularח ݽٚ Ѫ
ળ࠺ػ ߑਵ۽ ܻ Web Appী ਃೠ ݽٚ tools৬ ܐٜਸ оҊ . ݅ড ࣻ ݆ ѐߊٜ ੌೞח Ѣೠ ഥࢎۄݶ, աח ݽٚ ѐߊٜ زੌೠ ಁఢਵ۽ ੌਸ ೞח Angularܳ જইೠ. - Reactח oven (য়࠵) . ாܳ Ҽח җীࢲ ࠙ݺ ୶оੋ toolsо ਃೞ݅ Ѫ ਃೠ Ѫਸ ݅٘ח җীࢲ toolsܳ ࢶఖೞח ਬোೣਸ ࣻ . ղо ӝࣿੋ ഥࢎীࢲ מ۱ח ݻݻ senior ѐߊٜҗ ೣԋ ੌਸ ೞҊ ݶ Reactח જ ࢶఖ. - Vueח औҊ ബਯੋ ߑߨਵ۽ ਃܻܳ ݈ ࡅܰѱ ٜ݅ ࣻ . ݅ড startup ഥࢎীࢲ ࢜۽ ࢤӟ ীࢲ ষѺೠ deadlineਸ оҊ ݶ աח VueJSܳ જইೡ Ѫ.
BACKEND STUDY | FRONTEND ਢ ѐߊਸ ೞ۰ݶ… 16
BACKEND STUDY | FRONTEND ETC 17
хࢎפ THANKS FOR WATCHING