목록upload (2)

YYYEJI

[React] 리액트(React)에서 이미지 넣기

React에서 사진을 올리고 싶을 땐 tag로 쉽게 올릴 수 있습니다. alt는 이미지를 보여줄 수 없을 때 대체될 수 있는 텍스트를, src에는 올리고싶은 이미지의 경로를 입력해 주시면 됩니다. ⚠️ 주의해야 할 점 ⚠️ 이미지의 경로를 조심해야 됩니다. ① 이미지의 경로가 React을 생성할 때 생기는 public 폴더 밑에 존재해야 됩니다! ② /images/duck.mp4로 파일의 위치를 설정해줘야 됩니다. images 앞에 경로가 어떻든 신경써주지 않아도 된다는 의미입니다. ↓↓↓ 동영상 업로드 하기 ↓↓↓ https://yyyeji.tistory.com/385 [React] 리액트(React)에서 동영상 삽입하기 리액트(React)에서 영상을 삽입하는데 조금 오래 걸렸던 것 같아서 정리를 해볼..
Web Application Server (WAS) 2023. 1. 10. 16:51
[React] 리액트(React)에서 동영상 업로드하기

리액트(React)에서 영상을 삽입하는데 조금 오래 걸렸던 것 같아서 정리를 해볼까 합니다. 구글에 나오는 코드를 아무리 작성해도 영상이 올라가지 않았었습니다. 우선 코드 설명을 해보자면, src - 동영상의 위치, type="video/mp4" width - 가로 크기 loop - 영상 무한 반복, autoplay - 영상 반복 재생, muted - 음소거 입니다. 여기서 주의해야 할 점이 있습니다. ① 동영상이 존재해야 하는 파일의 위치입니다. React을 생성할 때 생기는 public 폴더 밑에 동영상이 존재해야 됩니다! ② /videos/duck.mp4로 파일의 위치를 설정해줘야 됩니다. vidoes 앞에 경로가 어떻든 신경써주지 않아도 된다는 의미입니다. ◡̈
Web Application Server (WAS) 2023. 1. 6. 03:23
이전 Prev 1 Next 다음