팀프로젝트- 팀 소개 페이지 구현
1. 어려웠던 경험
코드 작성할 때 어려웠던 점
1)한 페이지가 아니라 여러 페이지에 수정한 결과를 적용시켜야 하는 점이 어려웠다.
: 현실과 타협후 일단 개인페이지에 수정 버튼을 추가해서 수정 페이지로 이동.
정보를 입력하면 firebase에 팀원 정보가 저장됨-> 개인페이지로 이동 후 해당 정보가 업데이트 됨
2)firebase에서 경로를 가져오는데, 도무지 안돼서 튜터님이랑 팀원분들게 많은 도움을 받았다.
입력정보값을 받아서 firebase에 추가하는 코드. 내가 알고 있는 건 이것뿐이었고, 처음에는 그냥 수정 코드 검색해서 몇 줄 수정하면 금방 해결되겠지 생각했다.
try {
await updateDoc(docRef, {
name: "New Name", // 필드 업데이트
age: 30, // 필드 업데이트
});
console.log("Document updated successfully!");
} catch (e) {
console.error("Error updating document: ", e);
}
}
결과는 여러 번 시도했지만 실패...
하지만 삭제 후 새로 추가하는 편이 더 쉽다는 튜터님의 조언에 삭제 코드를 찾아 작성했으나(또한 에러를 빨리 수정하는 방법은 검사에서 콘솔창을 늘 확인하는 것을 배움) 역시나 에러.
왜인가 다시 여쭤보니, 객체 선언을 하지 않음
기존
객체 선언.
+그럼에도 계속 되는 에러메시지.
(캡쳐가 없는데 앞으로는 기록해둬야겠다.)
이유인즉슨 변수랑 경로를 홀수나 짝수로만 지정해야 하는데,
나는 삭제 코드를 홀수, 추가 코드를 짝수로 지정하니 경로가 어긋나 서로 다른 곳에 지정이 되는 것이다.
이것도 튜터님의 도움으로 새로운 객체를 만들어 하나로 통일.
또다시 실패. 팀원분들의 도움을 받아 해결
docs는 여러개의 문서 목록.
doc은 개별 문서.
그런데, 내가 개인멤버 정보만 삭제하고 저장만 하면 될 것을 엉뚱하게 내가 docs를 쓰고 또한 doc 객체를 import에 추가->선언을 하지 않았기 때문에 firebase에 저장이 안되고 실행이 안되는 것.
팀원분께 정말 감사했다..
3) github이나 새로운 공유 사이트에 적응, 처음 듣는 용어도 많아서 이해하기 어려웠고, 사용법을 익히느라 정작 팀프로젝트가 한창 진행일 때 잘 몰라서 헤매고, 마지막에서야 저 수정 기능 추가한다고 마감기한을 늦춰버렸다(원래는 금방 끝날 프로젝트였다.ㅠ.ㅠ)
4) 완성됐다고 생각했는데, 이래저래 자잘한 오타나 구조가 꼬여서 실행이 안됐다.
팀원분들이 많이 도와줘서 어떻게든 연결했다. 너무 죄송하고 감사하다.ㅠ.ㅠ
5) 아마도 내가 git 명령어를 잘 못 써서 다른 팀원분이 작성한걸 덮어 지워버리는 실수를 한 것 같다ㅠㅠㅠㅠㅠ pull->push 순서 꼭 기억하기!
다음 프로젝트 때는
1) 모르면 팀원분들이나 튜터님께 바로 검색하거나 물어보기.(대부분 기초적인 거라 검색으로 해결 가능할 듯)
2) github이 유용한 만큼 충돌이나 지워지는 위험도 크기에 순서나 명령어에 유의하며 쓸 것. github이 앞으로 많이 쓰일 것 같으므로 개념 확실히 익히기.
3) 코드 작성 시 에러는 대부분 검사->콘솔창에서 확인 후 검색하면 대부분 해결 -> 최대 30분을 해도 안되면 튜터님 헬프.
4) 다른분들처럼 하기에는 내가 너무 실력이 부족하므로, 잘 상의해서 역할분담 맡기.
내가 이건 할 수 있겠다 싶은 것도 막상 해보니 너무 어려웠다. 내가 뭘 알고 모르는지 명확히 알면 협업할 때 도움이 많이 될 것 같다.(->TIL 기록)
