프로그래밍 삽질 중

* Nuxt, Next, Nest 차이 설명한 글 https://velog.io/@jsleemaster/Nuxt-Next-Nest-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%B8%EA%B0%80 Nuxt, Next, Nest? 무엇이 다른가 출처 : https://tenmilesquare.com/resources/software-development/nuxt-next-nest-my-head-hurts/Nuxt, Next, Nest에 차이점을 알아보기 위해 찾다가 이 원글이 가장 설명을 잘해놓은 것 velog.io ▶ Nuxt – 범용 렌더링을 지원하는 Vue 애플리케이션을 만드는 프레임워크 ▶ Next – 범용 렌더링을 지원하는 React 애플리케이션을 만드는 프레임워..

참고 : https://onlydev.tistory.com/114 'digital envelope routines' 에러 시 해결 방법(Node.js 버전 관리) React Admin을 사용해보고 싶어서 CRA로 세팅을 했는데 서버가 켜지지 않는 에러가 발생했다. 처음 있는 일이라 당황하다가 에러 키워드로 구글링해보니 금방 해결방법을 찾을 수 있었다. 알고보니 onlydev.tistory.com 참고 : https://codepathfinder.com/entry/NVM-Nodejs-%EB%B2%84%EC%A0%84-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0 [NVM] Node.js 버전 변경하기 NVM(Node Version Manager)은 말 그대로 Node.js의 버전을 관리..

깃 레포지토리 변경 https://webisfree.com/2020-04-14/[git]-git-remote-repository-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 [Git] git remote repository 변경하는 방법 Git에서 리모트 저장소(remote repository)를 다른 주소 URL로 변경하고자 합니다. 예를들어 두 개의 git 리모트 저장소 있는 경우 한 쪽에서 다른 쪽으로 바꾸는 경우가 있겠죠. webisfree.com 깃 커밋 삭제 https://computer-science-student.tistory.com/540 [Git] 특정 커밋(commit) 삭제 : rebase 사용 [Git] 특정 커밋(commit..

* 상황 import React, { useEffect, useState } from "react"; import { Descriptions } from "antd"; function DataInfo(props) { const [Data, setData] = useState({}); useEffect(() => { setData(props.detailData); console.log(props.detailData); }, []); return ( //변경 시 오류 {Data.price} {props.datailData.seasons} {props.datailData.description} ); } export default DataInfo; -> useEffect를 통해 Data값 전달 시 ' React..

* 문제 상황 : 상세페이지 작성 시 params로 값을 가져오려다가 실패 * 해결 : React 버전이 업데이트 되서 생기는 오류 * 해결에 참고한 글 : https://velog.io/@kcdoggo/Cannot-read-property-params-of-undefined-%EC%97%90%EB%9F%AC

* 문제 상황 : 메인화면에 보여줄 이미지들을 일일이 작성하기보단 map을 이용하려고 했음 * Cannot read property 'map' of undefined 오류 발생 * 문제 해결에 도움을 준 블로그 https://devbirdfeet.tistory.com/47 React 실행오류 Cannot read property 'map' of undefined Updated 2021/05/10 React hook 을 사용하여 네이버 뉴스 검색 API 를 데이터를 화면에 뿌려주려 하다가 이런 에러메시지가 나왔다. 문제상황) TypeError: Cannot read property 'map' of undefined 왜 나에게 이.. devbirdfeet.tistory.com * 원인 : return에서 i..

* 3시간 넘게 고민함, 왜 해결된 건지 아직도 의문 * 일단 문제는 server와 client가 연결되지 않아서 axios가 제대로 작동하지 않음 * 여러 글들을 보니 server가 문제 -> server와 client가 포트가 다를 때 연동해주는 setProxy에서 문제가 생긴 것이라 짐작 -> 변경하고 오류 생겨서 원래 코드로 다시 고침 -> 다시 잘 작동됨 -> 대체 왜 된 걸까? setProxy.js 수정 전 const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( "/api", createProxyMiddleware({ target: "http://loc..

* 문제 원인 * server 포트 : 5000 / client 포트 : 3000 - setProxy.js를 이용해 연결한 상황 - '/api' 설정 이외의 다른 루트로 연결 시 오류 발생 - 예를 들어 '/api' 이외의 '/hello'로 연결하고 싶어 연결하면 get 요청을 할 수 없다고 나옴 - setProxy 관련 블로그 글을 참고했으나 적용 시 오류 발생 https://xively.tistory.com/20 [react proxy] react proxy 여러 개 설정하기, createProxyMiddleware에서 경로 여러 개 설정, react 파일형식 pro react와 node.js로 공부 중에 경로를 여러가지로 설정하고 싶단 생각이 들었다... 기존에 springBoot, java, ht..