REACT 5

React Netlify 베포 waring 무시하고 베포

https://merrily-code.tistory.com/123 [이슈] : Netlify - Treating warnings as errors because...📝 내용 : Netlify 배포 시, Treating warnings as errors because... 에러로 인한 배포 실패 제작한 페이지를 Netlify에 간단하게 배포해보려 했는데, 어흑 마이 깟... 😂 간만에 사용해서 그런지 뭔가 잘 되지 merrily-code.tistory.com Build & deploy 탭의 Continuous Deployment 항목을 클릭하면 빌드 명령어를 지정할 수 있는데, npm run build 를 CI=false npm run build 로 고쳐줍니다.

netlify 2023.04.02

리액트 레이아웃 적용하기

https://sosohanya.tistory.com/116 [React] Layout / Contents 컴포넌트 분리 Lnb, Top 영역은 컴포넌트로 빼더라도, 모든 페이지마다 전체 화면을 감싸는 영역과 Lnb, Top 영역을 반복해서 작성하는 건 불편합니다. 페이지에서는 해당페이지의 내용(Contents)만 작성하고 싶습니 sosohanya.tistory.com 위글 처럼 하면된다 layout.js import {Outlet} from "react-router-dom"; import HeaderCompo from "./HeaderCompo"; function LayoutCompo() { return ( ) } export default LayoutCompo; app.js import { Route..

React+Redux 2023.01.21

리액트 자식 컴포넌트 함수 호출하기

https://babycoder05.tistory.com/entry/%EB%B6%80%EB%AA%A8-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%97%90%EC%84%9C-%EC%9E%90%EC%8B%9D-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%ED%95%A8%EC%88%98-%ED%98%B8%EC%B6%9C%ED%95%98%EA%B8%B0 React 부모 컴포넌트에서 자식 컴포넌트 함수 호출하기 - useImperativeHandle React 에서 props 의 개념에 대해 익숙해졌다면, 부모 컴포넌트의 state 와 함수를 가져다 쓰는 것이 어렵지 않을 것이다. 그러나 만약 자식 컴포넌트의 함수를 부모 컴포넌트에서 사용해야 한다면 babyco..

React+Redux 2023.01.18

React +Redux + ReduxTookit 툴킷이 답이다

리엑트로 SUPEMAN_CLIENT를 만들기전 VUEX처럼 스테이트 관리하는 법을 익히기 위해 만들어보는 중이였다 일단 Redux는 VUEX에 비하면 좀 어려웠다 강의를 잘못선택한 점도 있었다 그래서 https://www.youtube.com/watch?v=QZcYz2NrDIs 갓 코딩애플 보고 역시 쉽게 알려주네 하고 이해했다 근데 제일 이해가 안갔던점이 reducer구분을 안하고 action.type같으면 다 수정되 어버린다 그래서 action.type도 매번 안겹치게 만들고 코드 양도 많아진다 예시 export default function reducer2(state=weight,action) { if(action.type==='plus'){ state++; return state; }else if..

React+Redux 2022.09.06