20230211_TIL
1. Problem
문제1. api 상품등록 기능 중 사진 업로드 기능을 구현하고 있었는데 이슈 발생
Error: ENOENT: no such file or directory
문제2. api 상품등록 후 form 태그, input 태그에서 submit후 input 안에 내용들이 초기화 되지 않는 이슈 발생
원래 form 태그에서 submit을 할경우 페이지가 리로드가 된다. 그렇지만 input 내용을 서버로 전달하기 위해서 preventDefault() 코드를 사용했어서 리로드가 되지 않게끔 코드를 짰었다.
그렇다보니 사진과 같이 input 내용이 사라지지 않았다.
2. Try
문제1 - 시도1. 먼저 문제1의 이슈같은 경우 파일 또는 디렉토리 경로가 잘못된 경우 발생한 문제였다. 그래서 경로 설정을 다시 꼼꼼하게 살폈다.
문제2 - 시도1.간단한 구글링 끝에 이 두 가지 코드를 사용했었다.
부모 페이지인 경우 => parent.document.location.reload();
자식 페이지인 경우 => opener.location.reload();
문제2 - 시도2.
window.location.href = "/라우팅경로";
3. Solve
문제1 - 디렉토리 경로를 다시 짰더니 해결되었다.
문제2 - 시도1을 했을 때 리로드가 되지 않았다. 정확한 이유는 잘 모르겠다... ㅠ
문제2 - 시도2를 했을 때 해결완료가 되었다.
4. New knowledge
이미지 업로드 하는 기능 중 multer 에 대해서 알게 되었다.
multer는 파일 업로드를 위한 Node.js의 미들웨어이고 multipart/form-data 형식으로 단일 및 다중 파일 업로드를 지원을 하고 있다.