JNarin Development Story

1. 컴포넌트 생성 너무 많은 내용을 다룰 수 있기 때문에 컴포넌트를 새로 생성을 해준다. 2. 템플릿 생성 // client > src > components > views > VideoDetailPage > Sections > Comment.js import React, { useState } from "react"; import Axios from "axios"; import { useSelector } from "react-redux"; function Comment(props) { return ( Replies {/* Comment Lists */} {/* Root Comment Form */} Submit ); } export default Comment; 기본적으로 HTML, CSS를 먼저 ..

리액트 유튜브 2일 차로 어제 비디오 폼을 만들었다면, 비디오를 올려 서버에 저장하는 기능을 만드려 한다. 1. onDrop 함수 만들기 아래는 공식문서 맨 앞에 있는 코드를 가져온 것이다. {({getRootProps, getInputProps}) => ( Drag 'n' drop some files here, or click to select files )} 코드는 공식문서와 거의 비슷하다. onDrop Dropzone의 메소드 중 일부로, 사이즈에 따라 파일이 승인이 되거나 거부가 될 수 있다. 그래서 필자가 처음에 영상을 올리려 했는데 너무 maxsize값을 너무 작게 해 놓아서 올라가지 않았다. multiple 여러 파일을 올리는 것인지를 true OR false로 구분 짓는다. true는 다중..

이제 새롭게 시작하는 스터디는 바로 유튜브 페이지 만들기이다. 이전 학원 수강생이 만든 거 같았는데, 이렇게 혼자 공부하면서 다시 하게 될 거란 걸 상상도 못 했었다. (이렇게 길게 취준생이 될거라 누가 상상했는가...) 이 글은 Infren의 유튜브 사이트 만들기를 모티브로 제작하였습니다. 1. 페이지 만들기 // client > src > components > views > VideoUploadPage > VideoUploadPage.js import React from 'react' function VideoUploadPage() { return ( Wow! ) } export default VideoUploadPage ES7 React/Redux/GraphQL...의 확장자를 설치하게 되면, 단..