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
【2025 Japan AWS Jr. Champions Ignition】点から線、線から面へ〜僕たちが起こすコラボレーション・ムーブメント〜
amixedcolor
1
120
反脆弱性(アンチフラジャイル)とデータ基盤構築
cuebic9bic
2
150
AI コードレビューが面倒すぎるのでテスト駆動開発で解決しようとして読んだら、根本的に俺の勘違いだった
mutsumix
0
150
TypeScript 上達の道
ysknsid25
23
5.2k
興味の胞子を育て 業務と技術に広がる”きのこ力”
fumiyasac0921
0
540
帳票構造化タスクにおけるLLMファインチューニングの性能評価
yosukeyoshida
1
220
【CEDEC2025】『ウマ娘 プリティーダービー』における映像制作のさらなる高品質化へ!~ 豊富な素材出力と制作フローの改善を実現するツールについて~
cygames
PRO
0
190
20250728 MCP, A2A and Multi-Agents in the future
yoshidashingo
1
200
2025新卒研修・HTML/CSS #弁護士ドットコム
bengo4com
3
12k
Kiroから考える AIコーディングツールの潮流
s4yuba
4
610
Wasmで社内ツールを作って配布しよう
askua
0
180
ホリスティックテスティングの右側も大切にする 〜2つの[はか]る〜 / Holistic Testing: Right Side Matters
nihonbuson
PRO
0
450
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Designing for humans not robots
tammielis
253
25k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Code Review Best Practice
trishagee
69
19k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Navigating Team Friction
lara
188
15k
A designer walks into a library…
pauljervisheath
207
24k
Done Done
chrislema
185
16k
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