본문 바로가기

개발이야기

react-native-vision-camera 사용중 발생 오류 요즘은 React-Native를 이용해 회사의 신규 플랫폼을 개발중이다. 그 중에 카메라 기능이 필요하여 React-native-Vision-camera 패키지를 찾았고 설치를 했더니 바로 오류가 발생 하였다. 최초 오류내용은 [VisionCamera] react-native-worklets-core not found, Frame Processors disabled! 일단 오류가 발생하면 기본적인 부분 부터 확인해볼 필요가 있다. 공식 문서를 참고 하면 Android 기준으로 build.gradle 파일에 buildToolsVersion to 33.0.0 이상인지 compileSdkVersion to 33 이상인지 targetSdkVersion to 33 이상인지 minSdkVersion to 26 이상.. 더보기
NPM 업그레이드 vs. 업데이트: 두 용어의 차이와 올바른 활용법 도입: NPM의 미묘한 차이, 왜 중요한가? NPM(노드 패키지 매니저)은 Node.js 개발자들에게 중요한 역할을 하는데, 여기서 upgrade와 update의 차이는 어떤 의미를 지닐까요? 이 블로그에서는 두 용어의 의미와 올바른 활용법에 대해 알아보겠습니다. NPM Upgrade: 패키지 버전 올리기 NPM upgrade는 기존에 설치된 패키지의 버전을 새로운 안정 버전으로 업그레이드하는 작업을 의미합니다. 주로 새로운 기능이나 버그 수정 등이 포함된 최신 버전으로 업데이트하고 싶을 때 사용됩니다. 하지만, 업그레이드를 할 경우 호환성 문제를 유의해야 합니다. NPM Update: 패키지 의존성 업데이트 NPM update는 패키지의 의존성(dependencies)을 최신 버전으로 업데이트하는 작업.. 더보기
현직 개발자가 알려주는 대학생을 위한 개발 언어 추천과 동향 분석 도입: 대학생의 개발 언어 선택, 무엇이 중요할까? 대학생 시점에서 개발 언어를 선택하는 것은 향후의 커리어에 큰 영향을 미칩니다. 이 블로그에서는 Python, Java, React, Vue 등 현재 대세인 언어들을 살펴보고, 어떤 언어가 대학생에게 적합한지 알아보겠습니다. Python: 다양한 분야에서 빛나는 선택 Python은 문법의 간결함과 다양한 분야에서의 활용성으로 대학생들 사이에서 인기를 끌고 있습니다. 데이터 분석, 인공지능, 웹 개발 등 다양한 영역에서 사용되며, 러닝 커브가 낮아 새로운 개발자에게 추천됩니다. Java: 규모 있는 애플리케이션을 위한 안정성 Java는 대규모 애플리케이션을 개발하기 위한 강력한 기능을 제공하며, 객체지향 프로그래밍의 대표주자입니다. 대기업과의 호환성, 안.. 더보기
React에서 Axios 헤더 설정 마스터하기: API 통신의 비밀 풀기 1. 개요: Axios 헤더 설정의 중요성 React에서 Axios를 사용하여 API 통신을 할 때, 헤더 설정은 보안과 효율성 측면에서 핵심적인 역할을 합니다. 올바른 헤더 설정은 데이터 요청과 응답을 원활하게 관리하며, 이 블로그에서는 React에서 Axios의 헤더를 어떻게 설정하는지에 대해 알아보겠습니다. 2. Axios 헤더 설정 방법 예시: // Axios 라이브러리 설치 후 // npm install axios import axios from 'axios'; // 헤더 설정 예시 const config = { headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer YOUR_ACCESS_TOKEN', // 기타 원하는 헤.. 더보기
Git 마스터 되기: 효과적으로 파일 추적 관리 중단하기 1. 개요: GitHub에서 특정 파일 추적 관리에서의 삭제 GitHub 프로젝트에서 특정 파일을 추적 관리에서 삭제하는 것은 코드베이스의 정리와 유지보수를 위해 중요합니다. 불필요한 파일을 추적에서 제외하면 저장소의 용량을 줄이고, 팀원들 간의 협업 시 불필요한 혼란을 방지할 수 있습니다. 2. 실제 삭제 과정 먼저, .gitignore 파일에 삭제하려는 파일의 패턴을 추가하여 Git에게 해당 파일을 더 이상 추적하지 말도록 지시합니다. 그 후에는 git rm --cached 명령어를 사용하여 이전까지의 추적 내역을 삭제합니다. 이렇게 함으로써 로컬 및 원격 저장소에서 특정 파일의 추적을 중단할 수 있습니다. 1) 파일을 추적 중단하고 Staging Area에서 제거: # 파일을 추적 중단하여 .git.. 더보기
Github 특정 브랜치 일괄 삭제하기 1. 개요: GitHub에서 특정 브랜치 일괄 삭제하기 GitHub을 사용하는 개발자들은 때때로 프로젝트의 브랜치를 정리하고 관리해야 할 필요가 있습니다. 특히, 특정 브랜치를 유지하고자 할 때 그 외의 불필요한 브랜치를 한 번에 삭제하는 방법은 매우 유용합니다. 이 기술 블로그에서는 GitHub에서 특정 브랜치를 제외하고 일괄적으로 브랜치를 삭제하는 효과적인 방법에 대해 알아보겠습니다. 2. Git 명령어를 활용한 일괄 삭제 방법 GitHub에서 특정 브랜치를 제외하고 다수의 브랜치를 삭제하려면 Git 명령어를 사용하는 것이 효과적입니다. 먼저 로컬에서 원격 브랜치 목록을 확인한 후, 삭제하고자 하는 브랜치를 제외한 나머지 브랜치를 선택적으로 삭제할 수 있습니다. 아래는 해당 작업을 수행하는 예시입니다.. 더보기
마우스로 이미지 그리기 (canvas, drag, drop, css, html 코드) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 마우스 드래깅으로 캔버스에 그림 그리기 마우스를 누른 채 드래깅하여 그림 그려 보세요 var canvas, context; function init() { canvas = document.getElementById("FRESH"); context = canvas.getContext("2d"); context.lineWidth = 2; // 선 굵기를 2로 설정 context.strokeStyle = "#FF007F"; // 마우스 리스너 등록. e는 MouseE.. 더보기
NPM의 forever 모듈, 앱의 인스턴스 관리를 자동으로 하자! NPM의 forever 모듈, 앱의 인스턴스 관리를 자동으로 하자! 안녕하세요. KorFresh 입니다. 오랜만에 포스팅을 하네요. 요즘 온라인플렛폼 수익방법이 여러가지가 있어 그쪽 준비를 하다 보니 개인블로그 신경을 많이 못 썼네요. 코인을 이용해서 재정거래 돌리는방법, 주식투자, 유튜브활동 이래저래 많이 시도해보고 있는게 많네요 ㅎ 쓸데없는 잡담이 길어졌네요 포스팅의 주제인 forever에 대해 설명 하겠습니다. 저는 본래 Apache나, nginx를 기반으로 하는 웹개발자라 nodeJS기반의 서버를 사용할 일이 없었지만 최근 트렌드가 ReactJS 나 Vue를 많이 사용하다 보니 거기에 맞춰 공부를 했고, 이걸 사용하기 위해서는 어쩔수 없이 nodeJS기반의 서버를 운용해야 했습니다. 정말 적응하는.. 더보기

티스토리툴바