Frontend/React16 [React] React-Router로 Git Page 설정하기 React 앱을 Git Page에 배포하면서 react-router를 이용해 라우터를 설정하고 Git page에 올리면 Tada 하고 배포가 잘 될꺼 같지만 빈화면이 나온다... https://create-react-app.dev/docs/deployment/#notes-on-client-side-routing Deployment | Create React App npm run build creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served index.html, and requests to static paths l.. 2022. 10. 20. [React] Chart 라이브러리 비교하기 Reacts에서 트리맵 차트를 사용하기 위해서 트리맵 차트를 제공하는 여러 가지 라이브러리를 찾아보고 데이터를 쉽게 다루면서 쓸 수 있는 라이브러리 세 가지를 비교하여 봤습니다. 1. React Google Chart 2. React Apex Chart 3. high Charts React Official 각 라이브러리마다 Column, Line, Treemap 차트를 비교해보겠습니다. npm trends에서 각각의 라이브러리가 공식적으로 발표한 React 라이브러리 다운로드 비교하여 보았을때 high chart가 많이 다운 받은 것으로 보여집니다. 1. React Google Chart [ 1 ] 설치 yarn add react-google-charts # or npm i react-google-cha.. 2022. 3. 21. [React] Error : A component is changing an uncontrolled input of type text to be controlled index.js:1451 Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://fb.me/react-controlled-components 구성 요소가 제어할 텍스트 유형의 제어되지 않은 입력을 변경하고 있습니다. 입력 요소는 제어되지 않음에서 제어됨으로.. 2021. 10. 12. [React] Error : Element type is invalid: expected a string Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. React로 개발하다가 오랜만에 본 에러 같은데... 뭔지 모르겠는 그런 에러.... 프로젝트 코드를 작성할 때는 VSCode 스니펫을 이용해서 기본 작성이 된 상태에서 하다보니 거의 만나기 어려운 에러인데 간단한 테스트를 할 때 codesand.. 2021. 10. 7. React Quill Image Resize Code 2021.04.22 - [[YERIEL] 개발일기/React] - React-Quill Image resize React-Quill Image resize React project 중 Text Editor를 추가하는데 한글 지원 되는 Editor가 React-quill 밖에 없어서 React-quill 적용 중 React Quill로 이미지를 리사이징하기 위해 모듈을 추가하는데 이것때문에 딥빡 할 줄이야...... r-0o0-j.tistory.com 이미 React Quill Image Resize에 대해서 블로그를 썼지만 전체 코드 공유에 대해서 댓글로 요청이 많아서 2탄으로 code에 대한 블로그를 작성하려고 합니다. 제 code는 react 함수형 컴포넌트로 되어 있고 Container - Pres.. 2021. 8. 19. [React] Html2Canvas를 이용하여 화면 캡쳐하기 a tag와 Html2Canvas 라이브러리를 사용해서 react 화면 캡쳐 기능 만들기 1. a Tag https://developer.mozilla.org/ko/docs/Web/HTML/Element/a - HTML: Hypertext Markup Language | MDN HTML 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. developer.mozilla.org a tag의 href와 download를 이용해서 image를 다운 받을 수 있습니다. 2. Html2Canvas https://html2canvas.hertzen.com/ html2canvas - Screenshots .. 2021. 7. 20. 이전 1 2 3 다음 728x90 반응형
