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
Muhun Kim
June 20, 2025
Programming
0
1
팀 실리콘 발표 - SPA 개발방법론 기말고사 대체 과제
제주대학교 SPA 개발방법론, 차트 UI를 응용한 웹 애플리케이션 제작 제안서
Muhun Kim
June 20, 2025
Tweet
Share
More Decks by Muhun Kim
See All by Muhun Kim
프린트 레이아웃과 함께 웹 디자인하기 🖨️🕸️🎨
muhun
0
22
웹 프론트엔드 시작하기, 무엇을 어떻게 시작하면 될까?
muhun
0
160
사진으로 보는 지난 파이콘 한국
muhun
0
47
Git Merge - 여러 브랜칭 시나리오 소개
muhun
0
11
유니크굿컴퍼니 Git 세미나 - Git HEAD and Refs
muhun
0
15
Add 에 대해서 알아보자 - 의미 있는 변경 이력과 Patch
muhun
0
10
2019년, 내 학점 데이터 분석 여정
muhun
0
190
제대뺘ㅃ
muhun
0
120
software developer
muhun
0
82
Other Decks in Programming
See All in Programming
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
270
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
480
童醫院敏捷轉型的實踐經驗
cclai999
0
210
XP, Testing and ninja testing
m_seki
3
220
GraphRAGの仕組みまるわかり
tosuri13
8
500
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.7k
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
230
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
20
3.8k
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
1.5k
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
160
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.4k
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
210
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
What's in a price? How to price your products and services
michaelherold
246
12k
Visualization
eitanlees
146
16k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Music & Morning Musume
bryan
46
6.6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Building Applications with DynamoDB
mza
95
6.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
For a Future-Friendly Web
brad_frost
179
9.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
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