Feat/graph #7

Jetom88 · 2024-11-10T13:32:36Z

🔎 관련 이슈

그래프의 선이 그라디언트가 아닌 #D9D9D9 색상으로 나오는 이슈가 있습니다!

🛠 작업 내용

예상 동작: 스크린샷을 참고해주세요
실제 동작: 목업 데이터의 색상에 맞게 그라디언트가 나와야합니다!
재현 방법: 해당 브랜치 pull 받기 -> 라이브러리 install -> http://localhost:3000/graph로 접속

📌 PR Point

📸 스크린샷 또는 GIF(option)

예상 동작 디자인

실제 동작 디자인

f-lab-kevin · 2024-11-11T01:15:07Z

혹시 사용중이신 라이브러리에서 선을 그라디언트로 표현해주는 내용도 있었나요?

Jetom88 · 2024-11-11T09:23:05Z

혹시 사용중이신 라이브러리에서 선을 그라디언트로 표현해주는 내용도 있었나요?

https://www.chartjs.org/docs/latest/samples/advanced/linear-gradient.html
앗 넵! 이 링크를 봤는데 ㅠㅠ 생각보다 구현이 어렵네요

f-lab-kevin

👍 조금만 더 수정해보시죠!

f-lab-kevin · 2024-11-11T23:02:29Z

src/app/graph/components/dataGraph.tsx

+        data: dataPoints,
+
+        // 선에 관한 로직
+        borderColor: (context: ScriptableContext<"line">) => {


이런 함수로직들은 왠만하면 모듈화시켜 불러오는 방향으로 수정해보시죠!

f-lab-kevin · 2024-11-11T23:03:04Z

src/app/graph/components/dataGraph.tsx

+ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend, scales);
+ChartJS.defaults.color = "#D9D9D9";
+
+const bowelInfoDate = [


사용될 더미데이터라면 별도의 파일로 분류해보는건 어떨까요?

…feat/graph

sonarqubecloud · 2024-11-16T10:46:25Z

Quality Gate failed

Failed conditions
41.4% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud

…feat/info

…o feat/supabase-info

…feat/graph

sonarqubecloud · 2024-12-26T14:15:45Z

Quality Gate failed

Failed conditions
D Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

Jetom88 added 5 commits November 7, 2024 23:46

feat: 목업 상태로 그래프 기능 추가

057c48e

feat: 그래프 점 색상 커스텀 추가

38adb17

feat: data type 지정

814a0be

fix: type 지정이 안된 로직 type 추가

8bf7166

feat: 먼저 기록한 데이터만 그래프에 나오도록 로직 추가

9e65628

f-lab-kevin reviewed Nov 11, 2024

View reviewed changes

Jetom88 added 3 commits November 13, 2024 18:37

review: 목업 데이터 분리

fab2d9d

feat: 7일, 30일 데이터를 목업으로 넣은 뒤 그래프를 볼 수 있게 기능 추가

53ad91e

Merge branch 'develop' of https://github.com/f-lab-edu/eungeori into …

ab0d632

…feat/graph

Jetom88 added 18 commits November 16, 2024 22:16

feat: 내용을 기록하면 recordData라는 로컬스토리지가 만들어지게 로직 추가

4f1ee71

feat: 회원탈퇴 기능 추가

78d6b5e

feat: 로컬스토리지 nickname을 가져온 후 my page에 보여주는 로직 추가

5084ee6

feat: date 포맷팅 함수 추가

cffd178

feat: Memo 컴포넌트를 recordData 데이터로 구현 중

e14e8d8

feat: memo 수정 기능 구현중

4909cc1

Merge branch 'develop' of https://github.com/f-lab-edu/eungeori into …

6f24018

…feat/info

fix: 폴더 구조 변경 / step state로 컴포넌트 변경

4cd64bc

feat: 새로고침 시 record page로 이동 / useConfirmPageLeave 훅 추가

b1d3d65

Merge branch 'feat/info' of https://github.com/f-lab-edu/eungeori int…

1425364

…o feat/supabase-info

fix: 불필요한 finally 로직 제거 및 타입명 수정

2f02b0a

fix: 이미 생성된 에러 객체를 던지기 위해 throw error로 로직 수정

8e850bd

fix: props를 옵셔널로 변경

2425a65

feat: 날짜를 YYYY-MM-DD 형식으로 변환 / 한국 시간대로 변환하는 형식의 유틸 함수 추가

51e8728

fix: eslintprettier 설정 추가

da77919

feat: supabase에 배변 시간(bowel time) 저장 로직 추가

52bcef9

feat: next.js css 최적화 활성화 옵션 추가

0134f45

fix: supabase의 admin, client 분리

0998de9

Jetom88 added 18 commits December 13, 2024 21:36

fix: admin 분리 후 로직 수정

a8c7fee

fix: recordSchema에서 bowelAttributesSchema로 이름 변경 및 type 수정

f705749

feat: 기록된 데이터를 가져와서 보여주는 로직 추가

7198dc3

feat: edit page 구현중

220d532

feat: 데이터 수정 로직 추가 / layout 구조 변경

5b28571

fix: 오타 수정

1e9362e

review: 메모가 남아있던 이슈 수정

132c737

feat: memo 삭제 로직 추가

10330cb

Merge branch 'develop' of https://github.com/f-lab-edu/eungeori into …

995b44f

…feat/graph

fix: 사방이 잘리는 그래프 수정 / 워딩 수정 / css 수정

654d5a0

fix: supabase 연결하는 로직 구현중

a4ee3f4

feat: 그래프 점 색상 커스텀 추가

1546f8c

feat: 먼저 기록한 데이터만 그래프에 나오도록 로직 추가

2bafe5d

feat: 7일, 30일 데이터를 목업으로 넣은 뒤 그래프를 볼 수 있게 기능 추가

b57e209

fix: supabase 연결하는 로직 구현중

9d237f6

Merge branch 'feat/supabase-info' into feat/graph

921987c

feat: graph 그라데이션 기능 구현중

ca62222

fix: dataGraph 그라데이션 로직 수정 / mockup 파일을 utils 파일로 변경

3d28acf

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feat/graph #7

Feat/graph #7

Jetom88 commented Nov 10, 2024 •

edited

Loading

f-lab-kevin commented Nov 11, 2024

Jetom88 commented Nov 11, 2024

f-lab-kevin left a comment

f-lab-kevin Nov 11, 2024

f-lab-kevin Nov 11, 2024

sonarqubecloud bot commented Nov 16, 2024

sonarqubecloud bot commented Dec 26, 2024

Feat/graph #7

Are you sure you want to change the base?

Feat/graph #7

Conversation

Jetom88 commented Nov 10, 2024 • edited Loading

🔎 관련 이슈

🛠 작업 내용

📌 PR Point

📸 스크린샷 또는 GIF(option)

f-lab-kevin commented Nov 11, 2024

Jetom88 commented Nov 11, 2024

f-lab-kevin left a comment

Choose a reason for hiding this comment

f-lab-kevin Nov 11, 2024

Choose a reason for hiding this comment

f-lab-kevin Nov 11, 2024

Choose a reason for hiding this comment

sonarqubecloud bot commented Nov 16, 2024

Quality Gate failed

sonarqubecloud bot commented Dec 26, 2024

Quality Gate failed

Jetom88 commented Nov 10, 2024 •

edited

Loading