[개발공부일지] 23.08.21 - 글에 첨부된 파일 삭제, 첨부파일 포함하여 글저장

일지

솔헬레나 2023. 8. 21. 23:57

💕 오늘 한 거

1) 프로젝트 기능 추가

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

> DONE !

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

: 찾아본거

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

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

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

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

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

ㄴ 파일 취소 api 개발 완료

4) 글 저장 시 2의 파일 정보를 담아 글 저장 시도한다.

ㄴ 파일리스트 구조를 ul, li로 변경 후 li에 id, data-value="" 추가

ㄴ data-value 의 값으로 특정항목 조회 , 특정 ul 안의 리스트를 반복문으로 조회하는 코드 추가

ㄴserializeObject 된 변수에 array fileList 추가하여 api까지 잘 요청되는지 테스트

ㄴ 글 저장 시 RDB 파일 테이블에서 글 정보 업데이트 ( 테스트 전임 )

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

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

-) 임시저장글 추가

3) 배운거

4) 알게됨

- minio IO의 배경과 사용목적 / 과거의

- builder pattern

- 초기프로젝트 셋팅방법

- 개발자도구로 프론트 디버깅