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
Mu-Hun
June 20, 2025
Programming
0
9
팀 실리콘 발표 - SPA 개발방법론 기말고사 대체 과제
제주대학교 SPA 개발방법론, 차트 UI를 응용한 웹 애플리케이션 제작 제안서
Mu-Hun
June 20, 2025
Tweet
Share
More Decks by Mu-Hun
See All by Mu-Hun
모두를 위한 웹 접근성은 무엇이고, 어떻게 하나요? 💬 🔉
muhun
0
22
프린트 레이아웃과 함께 웹 디자인하기 🖨️🕸️🎨
muhun
0
35
웹 프론트엔드 시작하기, 무엇을 어떻게 시작하면 될까?
muhun
0
190
사진으로 보는 지난 파이콘 한국
muhun
0
48
Git Merge - 여러 브랜칭 시나리오 소개
muhun
0
12
유니크굿컴퍼니 Git 세미나 - Git HEAD and Refs
muhun
0
22
Add 에 대해서 알아보자 - 의미 있는 변경 이력과 Patch
muhun
0
10
2019년, 내 학점 데이터 분석 여정
muhun
0
200
제대뺘ㅃ
muhun
0
130
Other Decks in Programming
See All in Programming
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
250
O Que É e Como Funciona o PHP-FPM?
marcelgsantos
0
190
Introduce Hono CLI
yusukebe
6
3.1k
品質ワークショップをやってみた
nealle
0
620
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
830
技術的負債の正体を知って向き合う
irof
0
240
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.5k
Claude Agent SDK を使ってみよう
hyshu
0
1.4k
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
190
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
6.8k
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
8.4k
Cursorハンズオン実践!
eltociear
2
1.2k
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
431
66k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
RailsConf 2023
tenderlove
30
1.3k
Documentation Writing (for coders)
carmenintech
75
5.1k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Facilitating Awesome Meetings
lara
57
6.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Balancing Empowerment & Direction
lara
5
700
How STYLIGHT went responsive
nonsquared
100
5.8k
Code Review Best Practice
trishagee
72
19k
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