[개발공부일지] 23.08.25 - 기능 순서도 그리기

일지

솔헬레나 2023. 8. 25. 22:22

💕 오늘 한 거

1) 프로젝트 기능 추가

- [글쓰기] 파일업로드 추가 ( 8/14 ~

> DONE !

- 글쓰기 > 파일 선택한 후에 버튼 누르지 않아도 바로 파일 업로드

: 찾아본거

ㄴinput type=file 의 속성조사 https://hianna.tistory.com/346

ㄴonchange 이벤트 조사 ( onchange 이벤트는 input 태그의 포커스를 벗어났을때 (즉, 입력이 끝났을때) 발생하는 이벤트이다. )

- 글쓰기시 사용할 파일업로드 API 개발 (~8/17)

2) 업로드된 파일 리스트는 글쓰기 화면에 표시한다. (~8/17)

3) 글쓰기 화면에서 파일 취소 / 글작성 취소 시 업로드된 파일 삭제한다.

4) 글 저장 시 2의 파일 정보를 담아 글 저장 시도한다. (~8/21)

5) 업로드 된 파일 클릭하여 본문에 이미지 추가 ( FE )

ㄴ 에디터 본문에 이미지 추가 후 업로드 된 파일을 별도의 div에 출력

: 이미지 추가 성공 / 업로드 결과를 div에 출력 실패

ㄴ 에디터 본문에 이미지URL을 추가하여 별도의 방법으로 업로드 된 파일을 에디터에 표시

: 별도방법 업로드 및 url다운로드 성공 /이미지 URL 로 에디터 본문에 추가는 실패

2) 수정한 거

- 글 상세보기 > 해당 글에 포함된 파일 리스트 표시

>>> 안나오는 이슈 있음ㅠ

3) 배운거

PR단위 조사

api 순서 흐름도 그리기

- 글 수정 / 임시저장 개발 필요

6) 글 상세보기에 저장된 이미지 파일 표시한다.