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
0
10
팀 실리콘 발표 - SPA 개발방법론 기말고사 대체 과제
제주대학교 SPA 개발방법론, 차트 UI를 응용한 웹 애플리케이션 제작 제안서
Mu-Hun
June 20, 2025
Tweet
Share
More Decks by Mu-Hun
See All by Mu-Hun
모두를 위한 웹 접근성은 무엇이고, 어떻게 하나요? 💬 🔉
muhun
0
43
프린트 레이아웃과 함께 웹 디자인하기 🖨️🕸️🎨
muhun
0
49
웹 프론트엔드 시작하기, 무엇을 어떻게 시작하면 될까?
muhun
0
200
사진으로 보는 지난 파이콘 한국
muhun
0
50
Git Merge - 여러 브랜칭 시나리오 소개
muhun
0
17
유니크굿컴퍼니 Git 세미나 - Git HEAD and Refs
muhun
0
24
Add 에 대해서 알아보자 - 의미 있는 변경 이력과 Patch
muhun
0
12
2019년, 내 학점 데이터 분석 여정
muhun
0
200
제대뺘ㅃ
muhun
0
130
Other Decks in Programming
See All in Programming
AI & Enginnering
codelynx
0
110
AI時代の認知負荷との向き合い方
optfit
0
150
Architectural Extensions
denyspoltorak
0
280
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
450
ぼくの開発環境2026
yuzneri
0
150
2026年 エンジニアリング自己学習法
yumechi
0
130
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
180
Basic Architectures
denyspoltorak
0
660
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.3k
Patterns of Patterns
denyspoltorak
0
1.4k
Fragmented Architectures
denyspoltorak
0
150
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
tjjh89017
0
160
Featured
See All Featured
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
130
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.3k
Statistics for Hackers
jakevdp
799
230k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Fireside Chat
paigeccino
41
3.8k
The browser strikes back
jonoalderson
0
360
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
Test your architecture with Archunit
thirion
1
2.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
エンジニアに許された特別な時間の終わり
watany
106
230k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
98
For a Future-Friendly Web
brad_frost
182
10k
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