2023.02.20.(월)
TIL Today I Learned
해당 깃허브
Good: 기능을 구현하는데 어려움이 있어 스스로 해결하지 못 할 때 팀원의 도움을 받은 것.
Bad: 오류가 나면 재밌다 하고 외칠 것. 우울해하지 말 것.
[ 최종 프로젝트 오류]
문제점1: 나의 프로필 사진을 삭제를 하고 싶다. 삭제 버튼을 누르면 server에서는 삭제가 됐지만 새로고침 해야지 삭제된 이미지가 보인다.
// 수정 후
// 프로필 사진 삭제
const deleteImgFile = async () => {
await updateProfile(authService?.currentUser!, {
displayName: nicknameEdit,
photoURL: '',
})
.then((res) => {})
.catch((error) => {
console.log(error);
});
setImgEdit(imgFile as string);
//여기 부분이 하아라이트이다. 수정 시 기본 이미지 아이콘이 보이게 해라
};해결점1: setImgEdit(imgFile as string)을 기입하여 기본 이미지 아이콘이 들어갔다.
문제점2: Header는 landing page로 가는 Nav 역할을 한다. href를 사용하여 대문 글자에 밑줄이 그어져 있다. 디자인으로 적합하지 않아 오류를 고치고 싶다.
해결점2:
2-1. Next.js에서는 styled component 적용이 되지 않는다. 바로 style 적용하는 방법으로 택했다.
2-2. 밑줄을 없는 방법은 데코레이션 라인을 없애면 된다.
<Link href="/"
style={{ color: 'black', textDecorationLine: 'none'}}>
picspot
</Link>
[ 17주 차 계획 ]
- 스파르타코딩클럽 계획
✔ 월: 최종 프로젝트
□ 화: 최종 프로젝트
□ 수: 최종 프로젝트
□ 목: 최종 프로젝트
□ 금: 중간 발표회
- 나의 계획
✔ Main Page CSS 하기
□ Main Page CSS 구체적으로 하기
긍정 🍋🌻