728x90
내일배움캠프 어느덧 4일차 이제 하루에 12시간씩 공부하는 것은 어느정도 적응이 되어가는것 같다.
오늘은 미니프로젝트 마무리 작업을 하는 날인데 그래도 작업물이 만들어 지는 과정에 직접 참여하여서 작업을 하다보니 되게 보람차고 재밌는 것같다. 오늘은 여태껏 짠 코드들은 합치면서 소개 홈페이지를 만들었는데, 수정하기와 수정할 때 비밀번호를 확인해서 맞을 경우 수정이 되는식으로 진행되는 코드를 짜서 함께 짠 깃허브 코드안에 집어 넣었다.
const data = await uploadBytes(imageRef, file)
.then(async (res) => {
await getDownloadURL(res.ref).then((url) => {
editDto.imageUrl = url;
});
await updateDoc(doc(db, `information/${editId}`), editDto).then(
(res) => {
alert('저장에 성공했습니다!');
window.location.reload();
}
);
})
.catch((err) => {
console.log(err);
alert('저장에 실패했습니다!');
});
다음과 같은 updateDoc기능을 만들었는데 updateDoc기능은 Firebase를 사용하는 유저가 쓸수 있는 코드고, updateDoc을 이용하여서 db에 정보를 업데이트(수정) 하는 기능을 만들었다. updateDoc을 써야하는것은 알고있었지만 사용법을 정확히 몰랐는데 같은 팀원이신 분이 함께 작업하면서 알려주셔서 기능을 무사히 만들 수 있었다.
let ckdata = teamlist.filter((el) => el.id === userid);
if (ckdata[0].password != editDto.password) {
alert('비밀번호가 맞지 않습니다!');
return;
}
추가적으로 패스워드를 체크하는 부분을 제작하였는데
teamlist라고 적혀있는데 데이터 모음에 현재 해당하는 id값을 받아와 현재 비밀번호를 확인하고 입력한 비밀번호 editDto.password와 맞는지 확인하고 아니라면 return을 하고 맞으면 다음 문구로 넘어가는 방식으로 수정부분을 무사히 만들었다.
다음과 같이 합친 결과물이 완성하였다.
오늘 결과물은 되게 만족스러웠던 것 같다.
내일은 발표하는 날 팀장 겸 발표까지 맡게되어서 심장이 두근두근하지만 무사히 발표까지 잘하고 팀원분들과 무사히 프로젝트를 마무리 하고싶다!
