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
47
FRONTEND
프론트엔드를 모르는 사람에게 HTML부터 React 이후까지의 간단한 설명을 진행합니다.
yuni-q
January 11, 2020
Tweet
Share
Other Decks in Technology
See All in Technology
トヨタ生産方式(TPS)入門
recruitengineers
PRO
1
180
Backboneとしてのtimm2025
yu4u
4
1.4k
Goss: Faiss向けの新しい本番環境対応 Goバインディング #coefl_go_jp
bengo4com
0
1.4k
mruby(PicoRuby)で ファミコン音楽を奏でる
kishima
1
210
モバイルアプリ研修
recruitengineers
PRO
2
210
Evolution on AI Agent and Beyond - AGI への道のりと、シンギュラリティの3つのシナリオ
masayamoriofficial
0
160
Preferred Networks (PFN) とLLM Post-Training チームの紹介 / 第4回 関東Kaggler会 スポンサーセッション
pfn
PRO
1
170
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
1.4k
Browser
recruitengineers
PRO
3
230
VPC Latticeのサービスエンドポイント機能を使用した複数VPCアクセス
duelist2020jp
0
180
Yahoo!広告ビジネス基盤におけるバックエンド開発
lycorptech_jp
PRO
1
270
生成AI利用プログラミング:誰でもプログラムが書けると 世の中どうなる?/opencampus202508
okana2ki
0
190
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
695
190k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
For a Future-Friendly Web
brad_frost
179
9.9k
The Cult of Friendly URLs
andyhume
79
6.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Rails Girls Zürich Keynote
gr2m
95
14k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
KATA
mclloyd
32
14k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
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