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

유튜브를 사용해보신 분들은 아시겠지만, 유튜브는 각자의 채널의 고유 페이지가 있습니다. 오늘은 그러한 페이지를 만들려고 하는데요. 시작해보려고 합니다. 순서가 많이 헷갈릴 수 있기에 순서를 먼저 표시를 해보도록 하겠습니다. 1. 먼저 구독한 페이지를 볼 수 있는 파일을 먼저 생성을 한다. 2. 페이지의 링크를 위해 라우터를 생성한다. 3. 만든 페이지의 템플릿을 생성한다. (즉, CSS를 입히다.) 4. 내가 구독한 유저의 비디오만을 골라오는 API를 생성한다. 5. 서버에서 만든 데이터들을 화면에 출력하도록 한다. 이렇게 5단계에 순서에 맞게 실행하면 된다. 1. 페이지 생성 해당하는 위치에 혹은 원하는 위치에 폴더 및 파일을 생성한다. 필자의 설치 경로는 다음과 같다. client > src > co..

github와 react를 사용하면서 필자는 gitignore에까지 설정을 직접 하는 경우가 오게 되었다. 그리고 궁금했다. gitignore이 무엇이며, 어떻게 쓰이는지 왜 쓰는지 궁금증은 점점 커져가 글을 쓰면서 정리를 하려 한다. 도대체 gitignore이 뭐야? git 관리할 때, github에 올릴 필요가 없는 파일을 설정할 때 쓰인다. 왜 gitignore을 쓸까? React를 사용하다 보면, github를 업로드할 때 node_modules라는 파일이 너무 커 오래 걸린다. 그렇기 때문에 올릴 필요가 없는 파일 혹은 폴더를 설정을 하게 되면, 로컬에서는 있지만 서버에서는 올라가지 않는 것을 확인할 수 있다. 어떻게 gitignore을 쓸까? .git폴더와 같은 경로에 .gitignore 파일..

오랜만에 프로그래머스를 하게 되었다. 꾸준히 해야지 하지만 막상 배울 것은 많으니 쉽지 않은 게 현실... 1. 문제 설명 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면, arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1]을 return 합니다. arr = [4, 4, 4, 3, 3] 이면 [4, 3]을 return 합니다. 배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요. ..