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를 먼저 ..

유튜브에서 구독하는 기능을 만들어 보려고 한다. Subscriber Model 만들기 다음 링크에서 확인하기 Subscribe Button UI 만들기 // client > src > components > views > VideoDetailPage > VideoDetailPage.js // 중략 import Subscribe from "./Sections/Subscribe"; function VideoDetailPage(props) { // 중략 if (VideoDetail.writer) { return ( // 중략 //중략 ) } else { return ...Loading; } } export default VideoDetailPage; UI 디자인 및 코드를 작성하기엔 너무 길기 때문에 Subs..

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