ycg02116

안녕하세요, 저는 이 질문글 썻던 사람인데요! 제가 대신 답변 몇가지 드리겠습니다.
우선&nbsp;Soy Jung 코드에 오타와 이상한 코드(?) 가 있어서 그부분 수정하니까 잘 동작하더라구요.

1번.
server/index.js
40번째 줄 쯤 app.use('/uploads', express.static('uploads'));
위와 같이 적혀져 있는걸 볼 수 있습니다.
하지만 위와 같이 적어두면 프론트에서 온 신호를 제대로 routes폴더 안 video 에 전달 할 수 없겟죠?
그렇기 때문에 해당 코드를 아래와 같이 변경해주세요
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">app.use('/api/video', require('./routes/video'));</div>

2번.
프론트와 백에서 받는 주소가 서로 다릅니다.
프론트에서는
<img src="https://cdn.inflearn.com/public/comments/f556d2b0-fd63-43d3-8497-89dd1780e2b2/blob" alt="" />
/video/uploadfiles로 보내는데


백엔드에서는&nbsp;
video uploadfile 로 받습니다.
우선 uploadfile 앞에 '/'기호를 붙여주셔야 하구요
또, uploadfile`s` 로 보냈기 때문에 /uploadfiles로 받아야합니다.

-틀린코드
<img src="https://cdn.inflearn.com/public/comments/2e334ad0-71e1-4397-9465-52cf7e38023d/blob" alt="" />

-고친 코드
<img src="https://cdn.inflearn.com/public/files/posts/64c6df19-6c8d-4573-91d0-9f401adefe40/9ed22ba9-8df4-49de-8441-6a8803d2e334.png" alt="" />



저 두 부분확인하시면 안되시던 부분은 해결 하실 수 있을 것 같네요~
저도 배우는 사람이라 일단 제가 아는부분 내에서 안내해 드렷는데, 혹시 틀린부분이 있으면 강사님께서 덧붙여주시지 않을까 생각합니다...ㅎㅎ

질문 부탁드립니다.

안녕하세요, 저도 같은 강의를 듣는 수강생입니다.
질문자님의 질문을 보고 저도 궁금해져서 찾아봤어요!
<img src="https://cdn.inflearn.com/public/comments/136b0ee2-c89b-42c9-bc9c-643ba389225f/스크린샷 2020-05-28 오후 8.18.08.png" title="스크린샷 2020-05-28 오후 8.18.08.png" width="1442" height="622" alt="" />
9번 줄 보시면 미리 const path라는 변수에 path 모듈을 요청해서 선언해두었기 때문에 fileFilter에서도 사용이 가능한 부분이구요
path 모듈은&nbsp;파일 및 디렉토리 경로 작업을위한 유틸리티를 제공한다고 하네요

path 자체를 콘솔로그로 찍으니까 아래처럼 드네요!
path의 function의 종류들에 대한 안내가 아닐까 싶습니다.
<img src="https://cdn.inflearn.com/public/comments/cfaab18b-ee1c-45d5-802f-5d6cbdfc6691/스크린샷 2020-05-28 오후 8.23.41.png" title="스크린샷 2020-05-28 오후 8.23.41.png" width="734" height="982" alt="" />

그래서 path.extname(/*파일 경로*/)을 하면 해당 파일의 확장자 정보를 가져올 수 있어서
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>let ext = path.extname(req.body.filePath);</div>
<div>if (ext !== '.png') {</div>
</div>
이런식으로 쓸수가 있게 되는것 같네요

path 모듈의 자세한 사용 방법은
<a href="https://nodejs.org/api/path.html" target="_blank" rel="noopener noreferrer">https://nodejs.org/api/path.html</a>
node.js의 도큐멘트에 자세하게 나와있더라구요.

제가 부족한 부분이나 틀린부분이있으면 강사님께서 보충해주시지 않을까 싶습니다..ㅠ
저도 부족하지만 도움드릴 수 있지않을까 해서 올려봅니다!
화이팅 입니다!

path변수가 온 곳

노드,리액트 기본강의 부터 정말 잘 보고있습니다.
감사합니다~

ycg02116

Posts