Bleeding edge

https://kinghell.tistory.com/entry/React-Native-Plugin-with-id-maven-not-found-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95 [React-Native] Plugin with id 'maven' not found. 해결 방법 Plugin with id 'maven' not found. 해결 방법 리액트 네이티브 앱 빌드 시 Plugin with id 'maven' not found 문구가 출력되며 빌드가 안되는 상황이 발생하였습니다. 찾아보니 Gradle 버전으로 인한 문제였습니다. kinghell.tistory.com 메모 : 프로젝트 끝난 후 사용하는 프로젝트에 사용하는 라이브러리에 pr 날리기!

첫 안드로이드 스튜디오 무선 디버깅 적용은 매우 잘되어서, 이런 글을 남기게 될 줄은 상상도 못했다. 이상하게도 무선 디버깅이 처음에 잘되더니 그 이후에는 이상하게 연결이 UI적으로는 되었지만 실제로는 연결이 안되었다. Step 1. 개발자 모드 켜기 요약 : 휴대전화 정보 > 소프트웨어 정보 > 빌드 번호(여러번 누르기) Step2 무선 디버깅 연결하기 개발자 옵션에서 무선 디버깅을 켜자. adb pair : 이러면 아마 페어링이 완료되었다고 나올 것이다. 아래 화면에 있는 IP 주소 및 포트를 이용하자 adb connect 주의 해야할 것은 pair는 검정 배경의 모달 위의 IP주소를, connect는 모달이 꺼진 맨 처음에 보이는 IP 주소를 입력해야한다. 그리고 android studio를 구동하..

이전에 리액트 네이티브에서 코드를 짜더라도 웹뷰만을 이용해서, 리액트 네이티브 네비게이션의 라이프 사이클에 대해서 제대로 이해를 못하고 있었다. useState를 사용할 때 차이 리액트 네이티브 네비게이션 같은 경우에는, 실제로 페이지를 전환하는 것이 아닌 여러 페이지가 동시에 떠있는 상태이기 때문에 실제로 라우터의 주소가 변하고 다시 돌아오더라도 상태가 돌아오지 않는다. useFocusEffect 위의 이미지 출처에는 다음과 같은 코드가 있다. useFocusEffect( useCallback(() => { setState(defaultValue); }, []) ); 다만, 일일이 useFocusEffect를 사용하기 보다는 커스텀 훅을 만드는 것이 좋다고 생각했다. useCleanState 어떤 훅 ..

이 글은 이 지긋지긋한 에러를 정리하며, mac os로 빌드를 하는 다른분을 위해 글을 작성했습니다. 간단한 상황 설명 기본적인 workflow를 이해하고 있으면 쉽게 사용할 수 있었던, win os와는 다르게 mac os는 배포를 할 때 준비해야할 것이 많았다. 물론 win os에서도 굳이 코드 사이닝을 진행했다면 똑같은 난이도 였겠지만, 연간 구독비가 없게 진행을 해보자라는 말도 안되는 꿈을 가지고 시작하여서, github action으로 배포하더라도 문제가 없던 윈도우처럼 맥도 문제가 없지 않을까? 라는 생각을 가지고 코드 사이닝을 제외하고 시작하였다. 일단 코드 사이닝을 제외한다 라는 것에 대한 결론 안된다. 목표가 내 레포의 tag에서 원하는 os의 어플리케이션을 받도록 만들려는게 목표였고, m..

다음주를 위해 간단한 레포 세팅을 연습하기 위하여, vite를 pnpm으로 세팅하는 연습을 하였다 vite를 선택한 이유는 개발 환경에서 아주 강력한 속도를 가지고 있기 때문에 선택하였다. (프로덕션에서 rollup을 사용하는 vite는 마이그레이션이나 안정성이 떨어지는거 아닙니까!) 위의 마이그레이션이나 안정성에 대한 대책으로 개발 환경은 vite, 프로덕션에서는 webpack이 안정적이고 빠르다라는 이야기는 있지만, 최근에 vite팀에서 rolldown을 만드는 것으로 이 것도 안전하게 잡지 않을까 라는 생각에(그리고 문제가 생기면 직접 pr을 올릴겸) vite를 선택하였다. 일단 평소에 사용하는 패키지 매니저인 yarn 대신에 pnpm을 선택하였다. 이유는 아래에 링크로 냄겨두었지만.. https:..

파일을 빌드한 후 -> 빌드한 파일의 위치 이동시 에러 발생 이전까지 사용하였던 electron 프로젝트에서는 ts의 컴파일러에서 사용하는 파일들만 사용하는 경우에는 생기지 않기 않는다 파일을 빌드한 위치에서 똑같이 사용하면 문제가 없지만 파일의 위치를 옮기는 경우나 폴더 이름을 바꾸는 경우에 dll 과 같은 파일들의 경로를 찾지 못하는 문제가 생긴다. 리소스 파일 추가하는 방법 엑스트라 리소스 파일 추가하기 우선 electron에서는 extra resources를 이용하여 패키지에 패키지를 할 때 특정 폴더나 파일을 포함시켜야 한다. 우선 리소스 추가에 앞서, 필자는 electron-packager를 이용하여 파일을 빌드할 예정이다. package.json { scripts:{ "package-win"..

이 글에서 이야기 하고 싶은 내용 일반적으로 chrome 하나만 사용할 때는 잘 볼 수 없는 에러이다. 이 글에서는 이 에러를 해결하는 방법보다는 일렉트론을 이용하여 프로그래밍을 할 때 어떻게 에러를 처리할 것인가에 대한 이야기를 하려고한다. 이 에러를 처음 만났을 때 이 에러를 처음 만난 것은 일렉트론으로 프로그램으로 빌드를 한 후에 패키지를 마친 새로운 프로그램이 완전히 꺼지지 않은 상태에서 같은 프로그램이 2개가 켜지고 그 프로그램이 각각 카메라를 킨 경우에 발생했다. 이 에러는 정확히 언제 생길까? 이 에러를 만나기 이전에는 electron의 웹뷰에서 보이는 카메라 1개와, 보이지는 않지만 qr 리딩을 위한 카메라 1개 총 2개를 띄울 예정이었다.(사실, 웹뷰에서만 카메라를 1개를 띄워도 됬었지만..

Node.js에서 dll파일을 사용하기 위하여 외부함수 인터페이스(Foreign function interface, FFI) 라이브러리로 koffi를 선택하였다. koffi 소개 페이지에 들어가면 빠르고 사용하기 쉽다( Koffi is a fast and easy-to-use C FFI module for Node.js ) 라는 표현이 되어있다. 개인적으로 빠른 것에는 동의하지만 쉽다에는 것에는.. 레퍼런스나 커뮤니티도 적고, Node.js와 타 언어에서 차이가 나는 타입의 경우에는 그 라이브러리의 사용법을 따로 익혀야해서 약간 불편했다. 그 중 하나가 포인터였는데 알기만 하면 사용하기 쉬워서 나중에 내가 다시 보기 위해 글을 남긴다. # 1. 필요한 사전 지식 # 1-1 dll파일 불러오기 const ..

Webview를 이용하여 Electron에서 권한을 맞게 주어도 [카메라가 권한이 없어서] DOM에서 그릴 수 없는 경우가 있다. 오전에 2시간을 삽질하다가 우연히 plist에 대한 글(이 글이 해결책이 되지는 않았지만, 이 글을 보고 맥북에서만 생기는 문제일 수도 있다라고 생각했다). Solution 해결책 1번 출처 : https://support.apple.com/ko-kr/guide/mac-help/mchlf6d108da/mac Apple 메뉴 > 시스템 설정을 선택한 다음, 사이드바에서 개인정보 보호 및 보안을 클릭하십시오. (아래로 스크롤해야 할 수도 있습니다.) Visual Studio Code를 켭니다. The End... 아오.. 담부터 권한 문제가 맥북에 있는 경우 설정부터 우선 찾아봐..