오늘 수강한 강의 : # 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript오늘의 강의 정리 📗React란?User Interface를 만들기 위한 JS 라이브러리(Facebook_현재Meta에서 만들었다.)웹 개발이 복잡해짐에 따라 html, css, js만으로는 한계가 생겼으며, 초기에는 Web 개발을 위한 프론트엔드 라이브러리로 DOM조작을 쉽게해주는 jQuery 라이브러리가 주로 사용되었음DOM을 직접 조작하는 방식에 한계를 느껴 대규모 프로젝트에 효율적으로 코드를 관리하고, 컴포넌트 기반 UI 개발을 지원하는 프론트엔드 프레임워크(라이브러리)가 등장Angular, React, Vue를 프론트엔드 개발을 대표하는 도구 3가지라 부름Angular, Vue ..

1. 상황 - front : react와 server : node(mongoDB)로 이루어진 프로젝트의 백과 프론트 연동 후 어플리케이션 동작시, 랜더링이 완료되면 console에 문구가 찍히도록 설정해놓았으나, 두번 발생되는 현상 발생. 2. 원인 - 프론트의 index.js에서 app 소환시 React.StrictMode 로 불러왔기 때문. StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화합니다. Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않습니다. - 리액트 공식문서 3. 해결방안 - React.StrictMode 삭제 4. 결과..

0. 상황 - front : react와 server : node(mongoDB)로 이루어진 프로젝트의 백과 프론트 연동을 위한 프록시 작업 진행 중, proxy is not a function 이라는 문구와 함께 프론트 서버가 가동되지 않는 상황 발생. 1. 에러코드 전문 - proxy is not a function 2. 원인 - http-proxy-middleware 버전업으로 인해 사용방법이 바뀌었기 때문에 발생된 에러 3. 해결방안 - 아래 사진과 같이 코드를 좌측에서 우측으로 수정 //버전없된 http-proxy-middleware의 사용방법 const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = ..