글쓰기 페이지 만들기

오창진·2024년 4월 12일

프로젝트

목록 보기
6/17

계획

글쓰기 페이지

일단 article 의 컬럼들은 수정하지 않았다
사진을 가져오는 과정과 수정 길찾기 때문에 컬럼은 수정하지 않고 진행
추후에 다시 수정 해야 함

기존 프로젝트에서는 토스트 UI를 사용해서 글을 쓰면 옆에 내가 글쓴것이 미리보기 형식으로 나오게 된다

나는 토스트 ui를 사용하지 않을 거니까 내방식 대로 옆에 미리보기 를 만들것이다

결과

onkeyup함수를 사용해서 input창에 입력되면 그걸 그대로 미리보기에 반영

사진 부분은 혼자 만들기 어려워서 gpt 반영
파일이 첨부가 되면 onchange가 이벤트변동을 감지하고

fileReader를 사용해서 파일을 읽고 그걸 보여주는 방식

문제점

api로 가져오는 자료들 떄문에 현재 article의 컬럼, 필드들이 필요없는것도 입력받고 있는 상황

가장 문제가 되는 부분은 주소
주소 찾기 api를 도입해야 한다고 생각한다
주소를 입력하면 우편번호라던지 또는 주소명 지명 으로 검색했을때 찾아준다던가 x,y좌표를 찾아준다던가 해서 좌표를 찍어야 하기 때문에
또 이미지 경로도 api 여행지들이 파일형식이 아니라 주소로 들어가 있기에 일단 이부분을 받아야 해서 남겨져 있는 부분 추후에는 이미지 경로를 없애버리고 사진 첨부만 받을수 있도록
또 사진을 여러개 첨부 받을수 있게 해야 하고 사진 수정까지 구현 해야함
일단 여기서 일단락

0개의 댓글