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
46
FRONTEND
프론트엔드를 모르는 사람에게 HTML부터 React 이후까지의 간단한 설명을 진행합니다.
yuni-q
January 11, 2020
Tweet
Share
Other Decks in Technology
See All in Technology
United™️ Airlines®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedguide
0
720
データ基盤からデータベースまで?広がるユースケースのDatabricksについて教えるよ!
akuwano
3
150
マルチプロダクト環境におけるSREの役割 / SRE NEXT 2025 lunch session
sugamasao
1
220
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.8k
NewSQLや分散データベースを支えるRaftの仕組み - 仕組みを理解して知る得意不得意
hacomono
PRO
3
210
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
220
AWS CDK 開発を成功に導くトラブルシューティングガイド
wandora58
3
140
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
500
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
deltahelp
0
1.1k
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
14
8k
ゼロからはじめる採用広報
yutadayo
3
1k
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
A better future with KSS
kneath
238
17k
Become a Pro
speakerdeck
PRO
29
5.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Docker and Python
trallard
44
3.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
BBQ
matthewcrist
89
9.7k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Speed Design
sergeychernyshev
32
1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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