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
팀 실리콘 발표 - SPA 개발방법론 기말고사 대체 과제
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Mu-Hun
June 20, 2025
Programming
20
0
Share
팀 실리콘 발표 - SPA 개발방법론 기말고사 대체 과제
제주대학교 SPA 개발방법론, 차트 UI를 응용한 웹 애플리케이션 제작 제안서
Mu-Hun
June 20, 2025
More Decks by Mu-Hun
See All by Mu-Hun
모두를 위한 웹 접근성은 무엇이고, 어떻게 하나요? 💬 🔉
muhun
0
62
프린트 레이아웃과 함께 웹 디자인하기 🖨️🕸️🎨
muhun
0
64
웹 프론트엔드 시작하기, 무엇을 어떻게 시작하면 될까?
muhun
0
220
사진으로 보는 지난 파이콘 한국
muhun
0
56
Git Merge - 여러 브랜칭 시나리오 소개
muhun
0
24
유니크굿컴퍼니 Git 세미나 - Git HEAD and Refs
muhun
0
31
Add 에 대해서 알아보자 - 의미 있는 변경 이력과 Patch
muhun
0
26
2019년, 내 학점 데이터 분석 여정
muhun
0
210
제대뺘ㅃ
muhun
0
140
Other Decks in Programming
See All in Programming
Oxlintのカスタムルールの現況
syumai
5
970
関係性から理解する"同一性"の型用語たち
pvcresin
2
630
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
ssssota
3
1.9k
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
180
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
kentaroutakeda
1
330
CSC307 Lecture 17
javiergs
PRO
0
310
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
nrslib
6
780
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
mom0tomo
8
3.1k
LLM Plugin for Node-REDの利用方法と開発について
404background
0
150
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
440
さぁV100、メモリをお食べ・・・
nilpe
0
120
TSKaigi 2026 TypeScriptバックエンドのオブザーバビリティ戦略 — Datadog × NestJSの実践
taiseiyamamotoan
1
220
Featured
See All Featured
Done Done
chrislema
186
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Color Theory Basics | Prateek | Gurzu
gurzu
0
320
Building the Perfect Custom Keyboard
takai
2
780
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
310
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
260
Test your architecture with Archunit
thirion
1
2.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.5k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Transcript
য়୍, ӣޖള - 2025֙ 6ਘ 20ੌ पܻ ߊ SPA
ѐߊߑߨۿ "ର UIܳ ਊೠ ਢ গܻா࣌ ઁ" ӝ݈Ҋࢎ җઁ 11 / 1
ݾର п ٜ݅Ҋ ೞח ਢ গܻா࣌ ࣗѐ • о࢚ചತ ର
ઑഥ ਢ ࢲ࠺झ - য়୍ • ۳ ঌҊ્ܻ दп ߂ пച ҳഅ - ӣޖള 11 / 2
о࢚ചತ ର ઑഥ ਢ ࢲ࠺झ زӝ https://github.com/ojc1234/bitcoinalarm 11 / 3
ചݶ ࣗѐ о࢚ചತ ର ઑഥ ਢ ࢲ࠺झ • ҙब ח
о࢚ചತܳ ࢶఖೞৈ ରܳ ઑഥ • ରח पदр ؘఠܳ ӝ߈ਵ۽ ࢶഋ Ӓې۽ दпച • ࢎਊ ࢶഐ ੋਸ ೞҊ ߑޙ दীب ਬ 11 / 4
ചݶ ҳࢿ • ઝஏ ಁօ: ੋ ܻझ ߂ ҙܻ
• п ੋী ೧ [+-] ߡౡਸ ా೧ ҙब ੋਵ۽ ୶о/ઁѢ • ୶оػ ੋ "MyCoin" ݾ۾ী दؽ • ஏ ಁօ: ର दпച • "MyCoin"ীࢲ ੋਸ ܼೞݶ ೧ ੋ оѺ ୶ܳ दпച • ରח दр X ୷җ оѺ Y ୷ਵ۽ ҳࢿؽ 11 / 5
ࢎਊೡ पदр द҅ৌ ؘఠ ࡁॉ APIܳ ࢎਊפ. https://api.bithumb.com/v1/candles/days? count=10&market=KRW-BTC
11 / 6
ܻ • ର UI ۄ࠳۞ܻ۽ @mui/x-charts ܳ ࢎਊ • ؘఠ
ࠁҙ WebStorage ࢎਊ • fetch API - ъࢎש উղन ۄ࠳۞ܻܳ ଵҊ 11 / 7
۳ ঌҊ્ܻ दп ߂ пച ҳഅ ঌѱ ػ ҅ӝ
(2013֙) • "15 Sorting Algorithms in 6 Minutes" ୭Ӕ ݽߧ ҳഅ • mszula.github.io/visual-sorting/ ۳غח ೦ݾ ӝী ٮۄ ֫о ׳ۄפ. https://panthema.net/2013/sound-of-sorting The Sound of Sorting - "Audibilization" and Visualization of Sorting Algorithms 11 / 8
۳ ঌҊ્ܻ दп ߂ пച ҳഅ ঌѱ ػ ҅ӝ
(2013֙) • "15 Sorting Algorithms in 6 Minutes" ୭Ӕ ݽߧ ҳഅ • mszula.github.io/visual-sorting/ ۳غח ೦ݾ ӝী ٮۄ ֫о ׳ۄפ. https://panthema.net/2013/sound-of-sorting The Sound of Sorting - "Audibilization" and Visualization of Sorting Algorithms 11 / 9
۳ ঌҊ્ܻ दп ߂ пച ҳഅ যڃ ۳ ঌҊ્ܻ ҳഅܳ
ੑೞٚ, زೞѱ ೞח Ѫ ݾੑפ. ੜ ঌ۰ ۳ ߑध • O(n^2) – Insertion Sort, Selection Sort, Bubble Sort, Quick Sort • O(n log n) – Merge Sort, Heap Sort, Tim Sort ౠೠ ܴ ۳ ߑध • Pancake Sort, Cocktail Sort, Odd-Even Sort ١ 11 / 10
ܻ • ۳ दпചী ࢎਊೡ ݄ ର UIח @mui/x-charts ܳ
ࢎਊ • ݽٚ ۳ ঌҊ્ܻҗ ഐജغח ۞Ӓੋ ੋఠಕझ ࢸ҅ • Үೞח ইమ ӝী ٮܲ ֫ ߸ചೞӝ 11 / 11