6월 19일 월
블로그 개발
로그인
- 소셜 로그인 디자인 수정 (30분)
브랜드 디자인 가이드를 최대한 반영하려 했으나 서로 기준들이 너무 달라 간단하게 아이콘 형태로 디자인
- 로그인 컴포넌트 분리 (약 3시간)
- 로그인, 소셜 로그인, 회원가입 컨테이너 분리
-> 유지보수성 향상, 가독성 향상
- 로그인, 소셜 로그인, 회원가입 컨테이너 분리
처음 코드를 작성할때 유지보수를 고려해야 추후 많이 편하다는것을 다시금 깨닫고 있음
버그
- Google, github 로그인 오류 발생
-> dotenv 환경변수 오타 수정
한줄
Mysql DB 백업한다고 했던걸 까먹었다.. 내일 꼭 해야지
6월 20일 화
블로그 개발
데이터베이스 백업
mysqldump -u root -p --no-data 데이터베이스명 > 백업파일명.sql예전에 서버가 공격받아서 DB가 암호화 된적이 있어서 주기적으로 스키마 백업을 한다.
로그인
LogOutButton>Button범용 컴포넌트로 병합,useAuth훅 이용useAuth훅에 로그인 추가 (리팩토링)
메인 페이지
- 포스트 슬라이드 프로그레스바 제작
6월 21 ~ 25일
개인 사정으로 인한 휴식 (배탈, 집안일, 약속 등)
6월 26일 ~ 27일
글 작성
블로그 개발
블로그 서비스 개발
메인 페이지
- 포스트 슬라이드 프로그레스 바 코드 개선
// 슬라이드 정지 상태가 아니면 5000ms 마다 다음 슬라이드로 전환
useEffect(() => {
const interval = setTimeout(() => {
if (!pauseSlide) {
if (currentSlide + 1 < lastIdx) {
setCurrentSlide((prev) => prev + 1);
} else {
setCurrentSlide(DEFAULT_INDEX);
}
}
}, SLIDE_DELAY);
return () => {
clearTimeout(interval);
};
}, [pauseSlide, currentSlide, lastIdx]);
// 슬라이드 전환 시 애니메이션 초기화
useEffect(() => {
if (progressbarRef.current === null) return;
progressbarRef.current.style.animation = "none";
void progressbarRef.current.offsetWidth;
progressbarRef.current.style.animation = null;
}, [currentSlide]);- 포스트 슬라이드 반응형(모바일) CSS 구현
MainPage menu가 크게 용도가 없어서 삭제해야 할지 고민중이다..
6월 28일 수
블로그 개발
메인 페이지
- trendingPosts 조건에 해당하는 포스트가 없는 경우 db 에러 발생 수정
-> 조건 완화
포스트
- 댓글 작성 버벅임 완화
-> 불필요한 redux사용으로 인한 낭비 제거
포스트 작성
- 시리즈 생성 시 시리즈명 중복 유효성 검사 추가
6월 29 ~ 30일
아르바이트랑 집안일 때문에 많이는 못했지만 짬짬히 개발했다.
거의 백엔드 작업이였는데 웹 백엔드도 뭔가 재밌다ㅋㅋㅋ
글 작성
블로그 개발
계정 관련
- 회원 탈퇴 기능 추가
- 카카오 로그인 계정 회원탈퇴 시 카카오와 연동 끊도록 수정
- 깃허브, 구글 미구현
Oauth 로그아웃을 구현하면서 소셜 인증 당시 받았던
access_token의 정확한 용도를 이해하는데 도움이 되었다.
기존에 작성했던 회원가입, 로그인 로직이 복잡해서 회원탈퇴 기능을 추가하는데 불편함이 있었다. 유지보수가 원활하도록 로직을 수정하는 것이 좋을것 같다.
7월 1 ~ 2일
여행!
예정 사항 (밑줄은 이번주에 한 것들)
기능 수정
시리즈명 중복 유효성 검사- 구독한 블로거의 포스트가 없을 때 MORE 버튼 제거
- 시리즈 추가하고 선택 시 오류 제거
trendingPosts 조건에 해당하는 포스트가 없는 경우 db 에러 발생 수정댓글 작성 딜레이 제거trendingPostsSlide CSS 수정라이트모드, 모바일
- 메인 페이지 메뉴 반응형 CSS
기능 추가
- 공유 기능 추가
- 블로거의 주 기술 명시하는 아이콘
- 회원탈퇴 기능 추가
- 메인페이지 메뉴 기능 추가
웹 개발자