React Fabric.js - 캔버스 전체 영역 이미지 저장 및 다운로드하기Fabric.js 캔버스 전체 영역 이미지 다운로드 (React.js)자꾸 보이는 영역만 썸네일 생성되고 이미지 다운로드돼서 작업하다 다른분들도 고생하실까싶어 작성해봄작업 기존방식최초엔 단순히 Fabric으로 생성된 canvas에 대해서 썸네일을 생성했었는데, 이걸 이용하다보니 현재 보이는 화면 기준으로만 썸네일이 뽑혀오는 현상이 발생했었습니다. (만약 현재 보이는 화면의 이미지만 캡쳐하고싶다면 아래 코드를 그대로 사용하셔도 됩니다)//예시. thumbnail 생성getThumbnailCanvas = () => { return canvas.toDataURL({ format: 'png' })} 전체영역으로 수정방식현재 보이는 화면..

도커, 컨테이너, 쿠버네티스트 이게 뭐지?우선 간단히 추가해보았습니다.아직 학습이 부족하여 공부하여 다시 작성할 예정입니다.컨테이너컨테이너는 서버(프로그램 소프트웨어가 실행되는 하드웨어)의 한 종류로서VM(Virtual Machine)과 같이 하나의 서버공간을 가상화 서버로 분리하여 여러 소프트웨어가 실행될 수 있게끔 지원해줍니다. 다만, VM의 경우에는 프로그램을 실행하고 업데이트 하는데 시간이 매우 오래 소요되는데,컨테이너의 경우에도 같은 방식이지만 VM에 비해 이 실행하고 업데이트를 하는 시간이 기존의 가상화 기술(VM 등)보다 가볍고 빠르기 때문입니다. 하나의 서버공간에 기존 VM의 경우 미리 공간을 분배하여 해당 공간에 SW를 배포하는 방식이라면컨테이너방식은 필요할때 공간할당하여 서버에 밀어넣어..

객체 구조 분해 할당으로 파라미터 다루기 (JavaScript Destructuring Assignment) ({a, b, ...others})구조 분해 할당이란?JavaScript에서 함수를 호출할 때 객체를 파라미터로 넘기면, 특정 값만 따로 변수로 받고 나머지는 그대로 유지하는 방법이 있는데이런 기법을 객체 구조 분해 할당(Object Destructuring Assignment) 이라고 합니다. 함수를 호출할 때 { key: value } 형태의 객체를 넘겨줄 경우, 함수 내부에서 필요한 값만 골라서 사용할 수 있도록 해주는 문법인데이렇게 하면 불필요한 코드 작성을 줄이고 가독성을 높일 수 있어 사용합니다. 기본 사용법(1) - 각 객체 모두 등록다음처럼 함수를 정의할 때, 객체에서 특정 키만 추..

'이름이 지정되지 않았습니다'실행 오류 java. io. FileNotFoundException: /Users/{사용자명}/.SmartTomcat/프로젝트명/conf/server. xml (No such file or directory)너무나 고생한 톰캣 에러삽질 최강 에러 별거없다conf파일이 자꾸 새로고침 되는 현상FileNotFoundException: /Users/{사용자명}/.SmartTomcat/프로젝트명/conf/server.xml이름그래도 server.xml을 찾지못해서 발생한 에러입니다.톰캣 설정도 딱히 건드린 것도 없었고 저 FileNotFoundException 발생 위치에가보니(프로젝트명)├── conf │   └── Catalina │   └── localhost└── te..

Git 명령 취소 방법 과 주의사항 ( pull, merge, commit, add)잘못 커밋하고.. 잘못 추가하고..내가 맨날 검색하던 내용들.. Git 명령 취소는 왜?Git은 강력한 버전 관리 도구지만, 때로는 실수로 잘못된 커밋이나 병합을 하거나, 원치 않는 파일을 추가하게 되는 경우가 있습니다.이 가이드에서는 Git의 다양한 명령들을 취소하고 이전 상태로 되돌리는 방법에 대해 설명합니다.각 명령에 대한 설명과 함께, 상황에 맞는 구체적인 사용 예시를 제공하니 참고하시기 바랍니다.1. Git Pull 취소하고 되돌리기git pull 명령은 원격 저장소의 변경 사항을 가져와 현재 브랜치에 병합합니다.하지만 가끔 예상치 못한 충돌이나 잘못된 변경 사항을 병합하게 될 수 있습니다. 이럴 때는 다음 명령..

[React Native] Web App과 Web View의 차이React Native의 웹앱(Web App)과 웹뷰(WebView)의 차이웹앱(Web App) 웹뷰(WebView)무신사 사랑해요1. 웹앱 (Web App)정의: 웹앱은 웹 브라우저를 통해 실행되는 애플리케이션입니다. React Native로 만든 모바일 앱이 아니라, 웹 기술(HTML, CSS, JavaScript)로 작성된 웹사이트 또는 웹 애플리케이션을 의미합니다.특징:브라우저 기반: 웹앱은 웹 브라우저(Chrome, Safari 등)에서 실행되며, 사용자는 브라우저를 통해 웹사이트 주소를 입력하거나 북마크하여 접근합니다.플랫폼 독립적: 웹앱은 모바일, 태블릿, 데스크톱 등 다양한 기기에서 동일한 코드로 작동합니다.즉각적인 배포: 웹..