Folder Update Page

API

const formData = new FormData();
formData.append('isPrivate', isPrivate);
formData.append('isPinned', isPinned);
formData.append('title', title);
formData.append('tags', tags);
formData.append('image', imageSrc);
formData.append('content', content);
formData.append('bookmarks', bookmarks); => 아직 req body에 없음 추가 요청

상태 관리

const [isPrivate, setIsPrivate] = useState(false);
const [isPinned, setIsPinned] = useState(false);
const [title, setTitle] = useState('');
const [tags, setTags] = useState([]);
const [imageSrc, setImageSrc] = useState('');
const [content,setContent] = useState('');
const [bookmarks,setBookmarks] = useState([]);

컴포넌트

• Input 컴포넌트 사용

• TagSelector 컴포넌트 사용

• ImageUpload(version: page) 컴포넌트 사용

• CommentInput 컴포넌트 사용

• BookmarkList, BookmarkItem 컴포넌트 사용

• Button 컴포넌트 사용

• 북마크 추가 클릭시 모달 띄우기

• 작성 취소 클릭시 뒤로 가기, 폴더 등록 클릭시 post api 보낸 후 자기 페이지로 redirect하기