🛠️ 트위터 클론코딩 중간공유

• 자기소개

React + Firebase로 트위터 클론코딩 진행 중입니다

트윗을 작성하고, 수정하고, 삭제할 수 있는 CRUD 기능을 구현했습니다

• 구현한 기능 소개

-트윗 작성(PostTweetForm)

textarea로 트윗 입력 (최대 180자 제한, 공백만 입력 시 제출 불가)

Firebase Firestore에 트윗 데이터 저장 (tweet, createdAt, username, userId)

로그인된 사용자만 작성 가능, 로딩 중엔 중복 제출 방지

전송 성공시 textarea 리셋

파일(image/*) 업로드 UI (요금제 제한으로 선택만 가능)

-트윗 수정&삭제(Tweet)

로그인한 해당 트윗 작성자만 Edit/Delete 버튼 표시

Edit: textarea로 전환 후 수정 가능

Save: updateDoc( )으로 Firestore 업데이트

Delete: confirm( ) 확인창으로 실수 방지, deleteDoc( )으로 삭제

Cancel: 편집 중 취소시 원래 내용 복원

공백 입력 방지, 저장 중 버튼 비활성화

• 구현 모습 스크린샷 & 깃허브 링크

https://github.com/hyhy425/nwitter-reloaded/commit/18e7985ccefda4679edc796401d1b9c703f9d1b5

• 고민. 공유하고 싶은 팁

공백 입력 방지는 단순하지만 꼭 필요한 기능, trim( )으로 처리하면 DB에 불필요한 공백이 남지 않음

나중에 기회가 되면 Storage 연결해서 사진 업로드 + 미리보기 구현할 예정

공통으로 쓰이는 컴포넌트를 따로 분리해두니 코드가 훨씬 간결해지고, 유지보수가 편해짐