반응형 개발20 리액트 버전 변경하기 프로젝트 진행 중 에러가 발생했는데, 리액트 버전 때문에 발생한 에러였다. 일단 npx-create-react-app [폴더이름] 을 통해 폴더를 만듭니다. 처음 package.json 지금 보면 react,react-dom이 17.0.2 버전인 것을 확인 할 수 있다. 버전 변경은 생각보다 한줄만 쓰면 어렵게 않게 할 수 있습니다. npm install react@^[버전 정보] react-dom@[버전 정보] 터미널에서 위의 코드를 쓰면 버전 변경이 가능합니다. 변경 후 package.json 리액트 버전이 16.14.0으로 바뀐 것을 확인 할 수 있습니다. 에러 발생 위에 사진처럼 에러 발생 해 구글링중에 버전 문제인 것을 알게되 블로그 작성까지 이끌게 되었다. 사실 지금 적용한 라이브러리가 내가 .. 2022. 7. 1. 이니시스 PG 웹 연동시 결제창이 뜨지 않을 경우 feat. bootstrap v4 회사 프로젝트에서 kg이니시스 모듈을 붙이다 마주한 에러 해결에 관한 글이다. 한 4일동안 고생했다. 사수의 도움을 받기도 했지만, 심리적으로 쉽지 않았다. 문제 화면 결제를 클릭했을 때 kg이니시스 모듈이 나와야 하는데, 안나오는 현상이었다. 몇일 동안 고생하던 중 사수님 덕분에 알게됐는데 bootstarp v4 버전에 있는 문제때문에 발생한 현상이었다. 구글링을 다르게 했으면 찾을 수 있었는데 ㅠㅠ나는 부족하다. 아래 코드 때문에 모듈이 안나오는 문제였다. 처음 찾은 솔루션 bootstrap 버전을 낮추는 방법이였는데 이니시스 모듈을 나오나 큰 단점이 bootstrap버전이 달라지다보니 해놨던 디자인 다 깨지는 현상이 발생해서 다른 솔루션이 필요했다. 그때 큰 절망을 느꼈다. 적용 솔루션 열심히 다시.. 2022. 7. 1. (React)카운터 Redux로 만들기 - 6 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의React 완벽 가이드 with Redux, Next.js, TypeScript 이번강의에서는 Redux에서 ReduxToolkit를 활용해 코드를 리팩토링 할 예정이다. ReduxToolkit은 리덕스의 몇가지 특징을 단순환 시킨 라이브러리라고 생각하면 편하다. 기존 index.js import { legacy_createStore } from 'redux'; const initialState = { counter: 0, counterShow: true }; const counterReducer = (state = initialState.. 2022. 6. 24. (React)카운터 Redux로 만들기 - 5 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 - 4 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Red sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있습니다. 이번글에서 카운터를 보여줬다고, 숨겼다가 하는 기능을 추가할 예정이다. Counter.js import { legac.. 2022. 6. 24. (React)카운터 Redux로 만들기 - 4 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 -3 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Red sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있습니다. 이번에는 5가 증가하는 버튼을 만들어 볼 예정입니다. counter.js import React from 'react'.. 2022. 6. 23. (React)카운터 Redux로 만들기 -3 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 -2 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있다. 카운터를 늘려줄 +,- 버튼을 추가한다. import React from 'react'; import { useSelect.. 2022. 6. 23. 이전 1 2 3 4 다음 반응형
