심화프로젝트4 [TIL 2023.08.10] 리액트 타입스크립 댓글 수정 및 삭제 ❓발생한 이슈/고민 댓글 추가 및 리스트만 표시되는 상태에서 댓글 수정, 삭제 기능을 맡았다. 해결해야 할 과제는 '가나다라마바사'가 아닌 유저 닉네임이 들어가도록 수정 본인이 쓴 댓글만 '...' 버튼 보이게 하기 댓글 삭제 기능 추가 댓글 수정 기능 추가 댓글작성 시간 추가 isError 설정 ...버튼 클릭시 왼쪽으로 드롭다운 창 표시 (드롭다운 창 내부는 수정과 삭제)" 작성 댓글 유저 닉네임 옆에 프로필 이미지 보이도록 수정 💡해결과정 '가나다라마바사'가 아닌 유저 닉네임이 들어가도록 수정 const { user } = useUserStore(); export type CommentType = { // ... writerEmail: string; } // ... const onSubmitComm.. 2023. 8. 10. [TIL 2023.08.09] 회원가입 프로필 이미지 저장 오류 ❓발생한 이슈/고민 파이어베이스 회원가입 기능을 구현했는데 입력필드는 프로필 이미지, 이메일, 비밀번호, 비밀번호 확인, 닉네임 5가지이다. 그런데 프로필 이미지가 파이어베이스 스토리지에 저장은 되는데 이미지 속성이 png, jpg 등이 아니라 application/octet-stream 유형으로 나오는 것. 심지어 모두 9바이트 사이즈인 것을 보면 그냥 빈문서가 저장되는것 같아보였다. 문제가 되었던 코드 // 회원가입 함수 로직 const onSubmit = async (values: unknown) => { const data = values as SignUpFormData; try { const userCredential = await createUserWithEmailAndPassword(auth.. 2023. 8. 10. [TIL 2023.08.08] 심화 프로젝트 둘러보미 / 회원가입 만들기 ❓발생한 이슈/고민 Ui Library로 Ant Design을, 회원가입 form 유효성 검사 수단으로 react-hook-form을 사용하려고 했었는데 이 부분에서 자꾸 이해할 수 없는 오류가 생겼다. TS2769: No overload matches this call. Overload 1 of 2, '(props: PolymorphicComponentProps): Element', gave the following error. Type '(e?: BaseSyntheticEvent | undefined) => Promise' is not assignable to type '(values: unknown) => void'. Types of parameters 'e' and 'values' are inco.. 2023. 8. 8. [TIL 2023.08.07] 심화 프로젝트 둘러보미 ❓발생한 이슈/고민 심화 프로젝트 주차가 왔다. 이번에는 필수 구현 기능이나 주제, 기술 스택에 제약이 없는 대신 팀원들끼리 충분히 상의해서 어떤 서비스를 만들 것인지, 그에 따른 기술스택은 어떤 것을 사용했으며 그 선정 이유가 확실해야 한다. 또한 발생한 오류에 대한 트러블 슈팅 등을 꼼꼼히 기록할 것! 우리 조는 처음에 한국에 방문한 외국인들을 위한 영문번역 된 음식 소개 및 주변 식당 추천 웹을 만드려고 하였다. 💡해결과정 처음에 기획했던 서울얌(SeoulYum)이다. 나름 아이디어도 괜찮고, 목적성과 구성이 분명해서 비교적 빠르게 프로젝트 개요 및 와이어프레임, API 명세, 기능, 역할 등을 다 작성하고 나눴다. 이제 프로젝트 초기설정 하고서 작업 시작하려는데! 문제가 발생했다. 쓰려고 했던 A.. 2023. 8. 7. 이전 1 다음