[API] 게시글 작성 기능

[semnil5202]

🔨 Describe

• 게시글 작성 기능을 추가합니다.

✅ Tasks

정책

기본

• 글쓰기 페이지에서는 하단 GNB 노출하지 않는다
• 게시글 수정(WR.1)로 유입되었을 경우, 기존에 입력한 모든 값들을 유지한다 (제목/본문/하단셋팅값)
• 뒤로가기 버튼: history back
• 뒤로가기 등, 게시글 작성 중 페이지 이탈 시도 시 경고창 : 작성 중인 게시글이 삭제됩니다. 계속하시겠습니까? - 예/아니오 - 아니오 선택 시 페이지 이동 취소

a. 제목

• 최초에는 가이드 메세지 노출
• 영역 클릭 or 터치 시 가이드 메세지 사라지며 입력 가능 (APP or Mo Web이라면 하단에서 키보드 호출)
• 최소 1자 ~ 최대 20자 입력 가능
  • 입력한 글자 길이에 따라, 해당 영역의 높이가 늘어남 (최대 2줄 이내 표시)
  • 늘어난 높이만큼 하단 컨텐츠들의 위치가 아래로 이동
  • 최대 글자 수를 초과해서는 입력되지 않는다

b. 글쓰기 기능

• 최초에는 가이드 메세지 노출
• 영역 클릭 or 터치 시 가이드 메세지 사라지며 입력 가능 (APP or Mo Web이라면 하단에서 키보드 호출)
• 최소 10자 ~ 최대 2,000자 입력 가능
  • 글쓰기 영역의 높이는 고정되어 있다
  • 글자를 많이 입력하면, 고정된 영역 내에서 스크롤 생성
  • 최대 글자 수를 초과해서는 입력되지 않는다
  • 글자를 입력 할 때마다, 우측 하단 ‘현재 글자 수’를 보여주는 수치가 증가한다 (0 / 2,000)

c. 등록 버튼 (헤더 체크버튼)

• 해당 버튼은 공통 영역에 있지만, ‘글쓰기(WR)’ 화면에서만 노출한다
• 선택 시 게시물을 피드(FD)에 등록한다
• 다음의 경우 토스트 메세지를 띄우며, 게시글이 등록되지 않는다 -> 일단 alert으로 대신함 (토스트미적용)
  • 제목이 입력되지 않은 경우
    • 토스트 : 제목을 입력해 주세요
  • 본문 내용이 10자 미만으로 입력된 경우
    • 본문 내용을 10자 이상 입력해 주세요
  • 분야가 선택되지 않은 경우
    • 분야를 1개 이상 선택해 주세요
  • 목적이 선택되지 않은 경우
    • 목적을 1개 이상 선택해 주세요

d. 분야 & 목적

• 1개 이상 필수선택
  • 디폴트로 비활성화 되어있다
  • 비활성화 버튼 선택 시 : 활성화
  • 활성화 버튼 선택 시 : 비활성화
• 선택 버튼 영역은 좌우로 스크롤이 가능하다. 기기나 채널에 따라 우측에 숨겨져서 보이지 않는 버튼이 존재할 수 있다. 스크롤 시 보이지 않던 버튼을 확인하여 활성화/비활성화 할 수 있다 -> ❗️옛날 디자인 기준 정책임. 디자인 바뀐거 보면 이제 스크롤 없어졌음

e. 협업방식

• 디폴트로 ‘상관없음’에 선택되어 있다
• 라디오 버튼으로 셋 중 하나만 선택 가능

f. 지역 (드롭다운)

• 비 필수 선택값
• 시/도 레벨만 선택 가능 (특별시, 광역시, 도)

g. 팀원 모집

• +스킬 추가 버튼 선택 시 팀원 모집 용 모달 노출.
스킬은 해당 모달 내에서 선택 가능. 
(자세한 사항은 우측 설계 - ‘글쓰기_팀원모집 모달’ - [ ] 화면 참고)
• 최대 10개 선택 가능
• 비필수 선택값
• 모달 내에서 옵션 선택 완료 시, 하단에 선택한 옵션이 쌓인다.
• 선택한 옵션 우측에 X버튼 선택 시, 경고창 없이 즉시 삭제된다

g.1 팀원 모집 모달

• 최대 10개까지 선택 가능
• 프로필 설정(PW) 화면의 스킬-대분류, 상세분류 값과 동일한 분류체계를 기준으로 구성한다.
• 이미 선택된 팀원모집 옵션이 있는 경우, 해당 옵션이 체크된 상태로 팝업된다
• 취소를 누르면 경고창 없이 변경사항을 등록하지 않으며, 저장하지도 않는다. 모달을 띄우기 전 상태를 유지한다. (기존에 선택된 팀원모집 옵션이 있는 경우, 해당 옵션이 선택된 상태 유지)

a. 취소 버튼

• 선택 시, 모달 창 미노출 처리

b. 등록 버튼

• 선택 시, 모달 창 미노출 처리 및 옵션 선택 변동사항 반영

c. (스킬) 대분류

• 디폴트 값은 ‘기획’
  스킬의 대분류 값을 노출한다.
• 대분류 내 상세분류 중 선택된 값이 있을 경우 
대분류값 우측에 상세분류 선택 개수가 표시된다.

d. (스킬) 상세분류

• 대분류 하위에 있는 상세분류 값이 노출된다.

e. (스킬) 상세분류 선택 체크박스

• 복수 선택 가능.
• 사용자가 10개를 초과하여 체크하고자 하는 경우
 - 경고 알럿 노출 : ‘10개 이상 선택할 수 없습니다.’
• 선택 시, 박스 활성화 및 
대분류값 우측에 상세분류 선택 개수에 증감 즉시 반영

h. 키패드

• 우측 상단에 ‘완료’ 버튼 - 선택 시 키패드 닫힘

🙋🏻 More

No response