-
Notifications
You must be signed in to change notification settings - Fork 6
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feat: 히스토리 페이지 Ver3.0 #271
Conversation
@Eugene-A-01 is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel. A member of the Team first needs to authorize it. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
유진님 히스토리 페이지 chart.js로 변경하니 기존의 느낌과는 또 다른것 같아요~LGTM🥹 색상과 곡선이 파도의 느낌처럼 보이는 것 같아요! 옵션 등 여러가지 고려하여 많은 부분 작업해 주셔서 감사합니다.💕 덕분에 사용법도 익히게 되었네요✨
|
||
selectors: { | ||
'&::-webkit-scrollbar': { | ||
height: '5px', | ||
background: vars.color.bggray, | ||
borderRadius: '6px', | ||
}, | ||
'&::-webkit-scrollbar-thumb': { | ||
backgroundColor: vars.color.lightgray, | ||
borderRadius: '6px', | ||
}, | ||
}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
스크롤바 디자인까지✨ 완전 디테일!!
useEffect(() => { | ||
const loadGoogleCharts = () => { | ||
const script = document.createElement('script'); | ||
script.src = 'https://www.gstatic.com/charts/loader.js'; | ||
script.onload = () => { | ||
if (window.google && window.google.charts) { | ||
window.google.charts.load('current', { packages: ['corechart'] }); | ||
window.google.charts.setOnLoadCallback(() => { | ||
if (window.google.visualization?.LineChart) { | ||
drawChart(); | ||
window.addEventListener('resize', drawChart); | ||
} else { | ||
setTimeout(drawChart, 100); | ||
} | ||
}); | ||
} | ||
}; | ||
document.body.appendChild(script); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
유진님, char.js 패키지를 설치하지 않고, script 태그를 추가하는 방법으로 선택하신 이유가 궁금합니다..! 👀
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
공홈 Getting Start를 보고 따라했는데, yarn add 해서 쓰는 방법도 있었군요!!!
개요
작업 사항
참고 사항
스크린샷
[그래프 탭]
[버전 탭]
리뷰어에게