WW20

240513

 

리액트 theme 사용방법

 

import { createTheme } from '@mui/material';
export const theme = createTheme({
    palette: {
        primary: {
            main: '#2A9461',
        },
    },
    components: {
        ....
        },
    },
});
----------
import { useTheme } from '@mui/material/styles';

export default function HomeView() {
    const theme = useTheme();
    return (
        <div>
            <h1 style={{ color: theme.palette.primary.main }}>Home</h1>
        </div>
    );
}

 

- 인피니트 스크롤(무한로딩) 구현 중!

무한스크롤 코드 뜯어보기 (Intersection Observer API + React Hook)

 

 

 

240514

 

- 무한로딩 코드 분석 및 적용 완료!!!
- 데이터 추가되었을때 작동 확인 완료
- 알림 없을 시 처리 완료
- localStorage 이용한 삭제 필요

백엔드에서 데이터 가져올 때 착각했던게 id순으로 가져오면 안되고 최근 시간 데이터로 가져와야 한다.
삭제는 가장 오래된 데이터부터 삭제하게 하기

 

 

240516

 

- 알림서비스 코드리뷰 받은 것 수정 (많음..ㅎㅎ)
ㄴ 의존성 줄이기(mail, slack)
ㄴ 카프카 테스트코드로 변경해보기


- 인터페이스 기능 개발 중... (일단 합치는 과정에서 코드 수정 중)