분류 전체보기29 [Flutter] flutter doctor: Java버전 & Android Licenses 이슈 역시나 쉽지 않은 flutter Android Studio 세팅일지1. Unable to find bundled Java version.자바 버전이 맞지 않는다고 한다도와줘요 구글 !!cd /Applications/Android\ Studio.app/Contentsln -s jbr jreStudio.app의 Contents로 이동해서jbr 폴더 내용을 jre 폴더로 복사복사해 주고 나니 자바 버전 이슈는 해결2. Android Licensesflutter doctor --android-licenses라이센스 동의에 y 여러 번 눌러주면 해결아 이제 진짜 드디어 flutter 시작이다 2024. 6. 4. 내가 쓰기 좋았던 목업 사이트 웹 포토샵 Photopea | Online Photo Editor ✕ Photopea: advanced photo editor Free online photo editor supporting PSD, XCF, Sketch, XD and CDR formats. (Adobe Photoshop, GIMP, Sketch App, Adobe XD and CorelDRAW). Create a new image or open existing files from your computer. Save your work as PSD ( www.photopea.com 목업 1. shots.so - 디바이스 목업 그림자 & 배경 색을 넣어주고 고를 수 있다 Create Amazing Mockups Create Amazing M.. 2024. 3. 13. [React] R3F(React Three Fiber) 상자 만들어보기 React에서 사용하는 three.js : React Three Fiber (R3F) React Three Fiber Documentation React-three-fiber is a React renderer for three.js docs.pmnd.rs Three.js는 WebGL을 사용하는 3D 그래픽 라이브러리 R3F는 React와 Three.js를 통합하여 React 기반 애플리케이션에서 Three.js를 사용할 수 있도록 도와주는 도구 관련 라이브러리 install npm install three @types/three @react-three/fiber or yarn add three @types/three @react-three/fiber App.jsx App 파일에 Canvas 태그 추가 .. 2023. 11. 24. [React] Cypress로 E2E 테스트 E2E 테스트 ( End-to-End ) 사용자의 관점에서 애플리케이션을 테스트 애플리케이션의 모든 부분이 의도한 대로 작동하는지 확인하는 데 중점을 둔다 cypress Cypress is a next generation front end testing tool built for the modern web. Latest version: 13.5.0, last published: 5 days ago. Start using cypress in your project by running `npm i cypress`. There are 521 other projects in the npm registry using cypress www.npmjs.com 라이브러리 install npm install --dev .. 2023. 11. 14. [React] react-csv 사용 데이터 csv 파일 다운로드 React-csv react-csv Build CSV files on the fly basing on Array/literal object of data . Latest version: 2.2.2, last published: 2 years ago. Start using react-csv in your project by running `npm i react-csv`. There are 268 other projects in the npm registry using react-csv. www.npmjs.com React-csv 라이브러리 다운로드 npm install react-csv npm install @types/react-csv or yarn add react-csv yarn add @types/.. 2023. 11. 7. [React] exceljs 사용 데이터 엑셀 다운로드 기존엔 react-csv를 사용했는데 한국어 입력시 오류가 나서다른 라이브러리를 찾아보았다아쉽게도 2개의 라이브러리가 필요 (이거맞아?)exceljs와 file-saver 라이브러리인데exceljs만으로는 아쉽게도 client쪽에서 엑셀 다운로드가 지원되지 않는다고 한다exceljs - JavaScript 환경에서 엑셀 파일을 생성, 수정, 읽기, 쓰기 기능을 하는 라이브러리 exceljsExcel Workbook Manager - Read and Write xlsx and csv Files.. Latest version: 4.4.0, last published: a year ago. Start using exceljs in your project by running `npm i exceljs`. The.. 2023. 11. 7. [React] React.memo & useMemo React.memo는 컴포넌트 자체의 렌더링을 최적화하는 데 사용 useMemo는 특정 값이나 변수의 계산된 값을 저장하여 재계산을 방지하는 데 사용 export default React.memo(Component); 컴포넌트의 렌더링 최적화를 위해 React.memo를 사용하는 것만으로 충분할 수 있다. useMemo는 특정 변수에 대한 성능 최적화를 위해 추가적으로 사용될 수 있다. 2023. 11. 6. [에러일지] Next.js: "url" parameter is not allowed 문제import Image from "next/image"이미지 최적화 Image 태그에서 외부 리소스가 적용하지 않음이미지 url를 주소창에 입력하면 정상 작동한다해결next.config.js 파일에서 domains 수정module.exports = withBundleAnalyzer({ images: { domains: [images.url.com], },});domains 속성은 애플리케이션에서 허용하는 이미지 도메인 목록을 지정한다허용된 도메인에서만 이미지를 불러올 수 있다보안상의 이유로 애플리케이션이 특정 도메인에서만 이미지를 허용할 때 사용함remotePatterns 은 보다 유연한 이미지 로딩 패턴을 정의하는 데 사용다양한 도메인에서 이미지를 가져와야 하는 경우, 프로토콜과 호스트 이.. 2023. 11. 3. [Axios] interceptors Axios interceptors는 then 또는 catch로 처리되기 전에 요청과 응답을 가로챌수 있다 import axios from 'axios'; 요청 전 axios.interceptors.request.use( (config) => { // 요청이 전달되기 전에 작업 수행 return config; }, (error) => { // 요청 오류가 있는 작업 수행 return Promise.reject(error); }, ); 응답 전 axios.interceptors.response.use( (response) => { // 응답 데이터가 있는 작업 수행 return response; }, (error) => { // 응답 오류가 있는 작업 수행 if (error.response?.status =.. 2023. 9. 26. 이전 1 2 3 4 다음