$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
팀 실리콘 발표 - SPA 개발방법론 기말고사 대체 과제
Search
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
31
프린트 레이아웃과 함께 웹 디자인하기 🖨️🕸️🎨
muhun
0
41
웹 프론트엔드 시작하기, 무엇을 어떻게 시작하면 될까?
muhun
0
190
사진으로 보는 지난 파이콘 한국
muhun
0
49
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
Integrating WordPress and Symfony
alexandresalome
0
130
著者と進める!『AIと個人開発したくなったらまずCursorで要件定義だ!』
yasunacoffee
0
120
AIコーディングエージェント(Gemini)
kondai24
0
160
Microservices Platforms: When Team Topologies Meets Microservices Patterns
cer
PRO
1
930
テストやOSS開発に役立つSetup PHP Action
matsuo_atsushi
0
140
tparseでgo testの出力を見やすくする
utgwkk
1
150
リリース時」テストから「デイリー実行」へ!開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
goataka
0
110
『実践MLOps』から学ぶ DevOps for ML
nsakki55
2
560
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
140
React Native New Architecture 移行実践報告
taminif
1
130
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
agatan
2
6.4k
Reactive Thinking with Signals and the new Resource API
manfredsteyer
PRO
0
160
Featured
See All Featured
Six Lessons from altMBA
skipperchong
29
4.1k
Optimizing for Happiness
mojombo
379
70k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Automating Front-end Workflow
addyosmani
1371
200k
A better future with KSS
kneath
240
18k
Building Applications with DynamoDB
mza
96
6.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
970
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Making Projects Easy
brettharned
120
6.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
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