Software Frontend
Ubuntu Android Studio + Flutter + emulator 설치
Ubuntu Android Studio + Flutter + emulator 설치 Ubuntu의 Ubuntu Software에서 Android Studio를 설치했다는 가정하에 시작하겠습니다 환경 OS : Ubuntu 20.04 Disk Space : 최소 5GB 이상..? 플러터 설치 plugins에서 flutter를 설치합니다. flutter를 설치하기 위해 공식문서를 이용합니다. https://docs.flutter.dev/get-started/install/linux Linux install How to install on Linux. docs.flutter.dev snap을 이용해 flutter를 설치합니다. sudo snap install flutter --classic flutter sdk의..
에러, React Proxy error: Could not proxy request /favicon.ico from localhost:3000 to http://localhost:8000/.
문제 리액트를 실행시킨 후 다음과 같은 에러가 계속 발생하였습니다. Proxy error: Could not proxy request /favicon.ico from localhost:3000 to http://localhost:8000/. 문제해결 백엔드와의 연결을 위해 proxy를 다음과 같이 설정해 놓았는데요 # package.json { ... "proxy": "http://localhost:8000" } 저의 경우 백엔드가 종료 되어 있는 상태에서는 해당 글의 에러가 발생했고, 백엔드가 실행되고 있는 상태에서는 에러가 발생하지 않았습니다. 위 설정 때문에 문제가 발생한 것으로 예상됩니다. 8000 포트로 요청을 하게 되어 있는데 백엔드가 없으니까요.
자바스크립트를 이용해서 차트를 구현하고 PDF로 다운로드 Chart js, jspdf
차트를 구현해보자 Chart js 차트 만드는 라이브러리로 어떤 것이 좋을까? 여러가지 비교하며 고르고 골라 사용했던 Chart js를 정리해보려고 한다. 이 라이브러리를 고른 이유는 다른 라이브러리와 비교했을 때 차이점은 다음과 같다 깔끔하다. 예쁘다. 정말 다양한 차트 종류를 구현 할 수 있도록 제공 가장 중요한 점은 해당 홈페이지에서 꽤 자세한 설명이 작성되어 있어 좋았다. 우선 당연하게도 Chart js를 사용하려면 해당 라이브러리를 받아야 하는데 CDN 방식으로 받아 사용하려 한다. 솔직히 Chart js 해당 페이지에 다양한 튜토리얼이 많아서 따로 블로그에 들어가서 공부하지 않고 해당 홈페이지에 들어가서 참고만 해봐도 될 정도이다. Chart js 사이트 : https://www.chartjs..
fetch() 사용법, javascript와 spring(java) 양방향 JSON 통신 방법
javascript fetch() → java/Spring 반환 프런트 엔드에서 백엔드로 비동기 데이터 전송 기존에는 javascript의 비동기 기능으로 XMLHttpRequest를 이용해 비동기를 구현했는데 이 기능은 사용하기에는 다소 불편한 점이 있어 좀 더 편하게 사용하기 위해 Jquery 라이브러리를 따로 받고 이에 포함되어 있는 ajax을 이용해 비동기를 구현했는데, ES6부터는 javascript 자체적으로 fetch(비동기 기능)을 지원한다. 이 fetch() 비동기 기능을 활용하여 Spring(java)로 데이터를 전송하는 테스트를 하려 한다 프런트엔드에서는 fetch()를 통해 데이터를 보내고 백엔드에서는 JSONObject를 통해 데이터를 받아 가공 및 사용한다. 메서드 타입은 RES..
React Downgrade(버전 낮추는) 방법
React Downgrade react-scroll-into-view 를 사용하기 위해 설치하려 했는데 react 버전 때문에 사용하지 못한다고 하여 버전을 낮추려고 합니다. npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: react_portfolio@0.1.0 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! react@"^17.0.2" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer re..
에러, Line 6:19: 'React' is not defined no-undef
문제 해결 방법 import react --> React 가 옳은 명칭 에러 내용을 확인하고 위치를 봐보면 문제점 확인완료