0506TIL

새로 배운것

Victory

Victory

• animation

• style

animation

animate 속성 사용

그래프 그려지는 효과

<VictoryChart animate={{ duration: 1000 }} containerComponent={<VictoryContainer />} width={500} height={300}>

그래프 모양 부드러운 선으로 변경

<VictoryLine
...
interpolation='basis'
...
/>

style

stroke 색상 ,굵기 변경

<VictoryLine
...
style={{ data: { strokeWidth: 4, stroke: '#0C72F9' } }}
...
/>

ESLint

eslint에 걸리지 않도록 처리하는 법

// eslint-disable-next-line react/prop-types

이렇게 작성시 바로 아랫줄이 eslint 규칙에 관여받지 않게 된다

증감 연산자

++ 사용 못함

var cnt = 0;
// cnt ++;
cnt += 1;	// 이렇게 변경

HTML

aria-label

사용자에게 개체의 인식 가능한 이름은 제공합니다.

Etc.

🧙‍♂️ 마법의 길이 150 line

150줄보다 길면 컴포넌트를 더 쪼개거나 코드를 줄여야할 가능성 농후!

📝 해야 할 일

• 정보 처리 기사 실기 시험..📚
• Wanted POB 1주차 개인과제 ⭐️
• [팀 과제] analytics 페이지 구현