보낸 사진이 서버 어디 저장되있는지 모르겠다는 거임? multer 설정할때 경로 설정까지 다 하지않음? 설정한 폴더 드가보면 있을껀데

일단 저 블로그는 그만 참조하시는 게 좋을거 같습니다. 중간에 잘못된 표현을 사용하거나 애매하게 표현한 내용이 좀 있네요...

1. /upload는 정확하게 말하면 path 입니다. nginx나 apache등 컴퓨터의 특정 디렉터리를 바로 url path로 매칭해주는 기능을 내장한 웹 서버들이 있긴 하지만, 이를 서버에서 어떻게 추상화하고 관리하는지 등은 모두 서버에서 결정됩니다. 가령, AWS의 S3는 해당 url path와 Bucket의 Key를 동일시하자만, AWS에서도 이를 Object key라고 부르지 directory 라고 부르진 않으며, 실제로 AWS에서도 파일시스템과 별도의 관리 방법을 사용합니다. 디렉처리처럼 느끼고 쓸 수 있도록 추상화되어있지만, 실제로 그렇지는 않다는 뜻입니다. express의 해당 웹 서버 어플리케이션도 디렉터리를 보여주는 것이 아니라, 해당 경로로 들어온 요청을 예제와 같은 callback function으로 처리하겠다는 의미이므로 엄밀하게 말하면 틀린 표현입니다. 나중으로 갈수록 중요한 차이이니만큼 저 블로그 글도 조금 더 명확하게 다뤄줬으면 좋겠다는 아쉬움이 있네요

2. post 방식 접속이라는 표현이 아니라, HTTP post method라고 표현하는 것이 정확한 표현입니다. 접속이라는 표현은 OSI 네트워크 레이어에서 HTTP 보다는 하위 레이어에서나 쓸 법한 표현입니다. HTTP method에 대한 자세한 설명은 https://developer.mozilla.org/ko/docs/Web/HTTP/Methods 를 참조하시면 더 도움이 될 것 같습니다.

3. multer는 express.js에서 사용할 수 있는 multipart 업로드를 처리하기 위한 미들웨어(특정 환경이 기본으로 제공하지 않는 기능을 추가적으로 제공하기 위해 사용되는 소프트웨어 모음)입니다.

4. 지금 작성된 코드는 클라이언트에서 서버로 multipart upload를 통해서 '어떻게 파일을 보내기 위한 요청을 하는가' 일 텐데, 자세히 확인해 보진 못했지만 상단 jade 템플릿이 express에서 해석되면서(즉 서버 로직에서 처리되어) 클라이언트로 HTML 응용 코드가 전송될 것이고, form 안에 포함된 submit 버튼을 클릭할 때 form에서 명시된 액션, 즉 'post' action이 수행될 것이며, 서버로 보내는 요청은 form 안에 포함된 input 파일에 따라 multipart/form-data 형식으로 자동으로 request를 보낼 것입니다(브라우저가 그렇게 해석할 겁니다).

5. 지금 작성된 코드를 추가로 수정하자면, 다음과 같은 코드가 필요하지 않을까 싶습니다:
async function(){
  const formData = new FormData()
  const fileData = {
    uri: file.uri,
    type: file.type, //file의 mime type
    filename: file.name,
    data: file.data //실제 파일의 페이로드
  }
  formData.append('avatar', fileData);
  const req = await fetch('업로드url', {
    method: 'POST',
    headers: {/*필요에 따라 구성*/},
    body: formData
  }
  await req.json()
}

위 코드는 예시로 작성한 것이고, 실 작동이 검증되지 않았으며 무엇보다 아이디어를 표현하기 위한 psuedo code이기 때문에 제대로 된 동작을 검증하기 위해서는 리서칭이 필요할 겁니다. multipart upload 라고 구글링 해 보세요! 바닐라 브라우저 자바스크립트로 구현하고 싶으면 fetch API 라는 키워드도 참조해 두시구요