[ISSUE-15] 게시글 작성 페이지 구현

[03hoho03]

#17 #18 #19
이미지 업로드 기능, 업로드 이미지 프리뷰 기능, 업로드 이미지 삭제 기능, 해쉬 태그 입력 폼, 해쉬 태그 추가 기능, 해쉬 태그 삭제 기능, 게시글 내용 입력 폼 추가, submit 버튼 컴포넌트화, swiper 컴포넌트 추가, prettier 적용

반영 브랜치

Feature/writerPage -> development

변경 사항

1.이미지 업로드 관련 컴포넌트

• 이미지 업로드 기능
• 업로드 이미지 프리뷰 기능
• 업로드 이미지 삭제 기능

2.해쉬 태그 관련 컴포넌트

• 해쉬 태그 입력 폼
• 해쉬 태그 추가 기능
• 해쉬 태그 삭제 기능

3.게시글 내용 관련 컴포넌트

• 게시글 내용 입력 폼

4.submit 버튼 컴포넌트화
5.swiper 컴포넌트 추가
6.prettier 적용

게시글 작성 페이지

이미지 관련 컴포넌트

카메라 이미지 버튼 클릭시 파일추가
input multiple 속성으로 다중 선택 가능
프리뷰 리스트 스와이퍼 적용
프리뷰 이미지 우측상단 x 버튼 클릭시 프리뷰 및 파일 삭제

해시태그 관련 컴포넌트

input 태그입력 후 엔터 시 태그 추가
태그 구성 중 공백은 제거 후 태그 추가
특수 문자 및 공백만 입력 할 시 에러 메시지 노출
태그는 최대10개까지 등록 가능
태그 x 버튼 클릭시 태그 삭제

게시글 내용 입력 폼

최대 500자까지 입력 가능

리뷰 포인트
input File type 관리 방식
swiper 동작 방식
해쉬태그 로직
이미지 처리방식