프로그래밍 삽질 중

* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 올리기 * 오류 1 : handler assigned value but never used - react에서 파일을 올릴 때 axios가 포함된 파일 내 handler가 인식되지 않음 - 이미지 올릴 때 react-dropzone 사용함 * 해결책 - Dropzone 사용 시 onDrop={}에 제대로 Handler가 있는지 확인 - onDrop 내 console.log()가 Handler를 읽어오는데 방해될 수 있으므로 제거 //수정 전 function testUpload() { const Handler = (files) => { //config //axios 포함 } return..

* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * 서울 ~ 울산광역시가 포함된 option 기능 react로 만들기 * 결과물 - 확인 위에 부분만 참고할 것 해당 코드 import React, { useState } from "react"; import { Button, Form, Input } from "antd"; const { TextArea } = Input; const Metropolitans = [ { key: 1, value: "서울특별시" }, { key: 2, value: "부산광역시" }, { key: 3, value: "전주광역시" }, { key: 4, value: "대구광역시" }, { key: 5, value: "인천광역시" }, { key: ..

* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 MovieDetail에 정보 넣기] 1. Movi..

* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 MovieDetail에 정보 넣기] 1. Land..

* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 LandingPage에 [Load More] 버튼..

* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) * antd 적용하기 : client/src/index.js에 im..

* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 LandingPage에 정보 넣기] 1. Movi..

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리 * 오류를 따로 정리하는 페이지(컴퓨터 설정&오류)가 있으나 강의와 직접적인 오류라 생각해 이 곳에 정리 * 문제 원인 : dep_webpack_dev_server_on_after_setup_middleware] deprecationwarning: 'onaftersetupmiddleware' option is deprecated. please use the 'setupmiddlewares' option. - 상황 : server 포트를 5000, client 포트를 3000으로 진행할 경우 이를 연결할 "Proxy"를 설치해야하는데 인프런 강의대로 코드 작성 시 위와 같은 오류 발생 * 오류 내용 : middleware를 ..