메로그

해당 문제는 github 에서 Personal access tokens 를 설정하여 사용시 workflow 를 수정할려고 할 때 발생합니다. 권한 설정을 workflow 까지 허용하지 않아 발생하는 문제로 해당 문제는 workflow 권한을 주면 해결됩니다. 아래와 같이 workflow 권한을 허용해서 업데이트 하면 해결됩니다.

.code 명령어를 이용해서 vscode 를 오픈하기 위해 permission denied, unlink '/usr/local/bin/code' 과 같은 에러가 발생하였다. 이러한 경우 code 를 삭제하고 다시 설치해주면 된다. cd /user/local/bin sudo rm -rf code Password: [입력] 다시 vscode 로 들어가서 Command Palette 에서 code 를 검색해서 설치해주면 된다.

프로젝트의 package.json 의 관리를 도와주는 VScode Extensions 입니다. 요놈은 정말 기똥찬 익스텐션으로 이거를 사용하면 package.json 의 관리를 엄청 편하게 할 수 있습니다. 설치 후, package.json 으로 가면 오른쪽 상단에 V 가 있는것을 볼 수 있다. 이제 V 를 누르게 되면 현 package.json 에 각 버전 정보가 나타납니다. 현재 버전, satisfies 버전, lastest 버전이 나오게 됩니다. 각 버전을 클릭하여 버전을 변경하고 관리할 수 있습니다. satisfies 와 lastest 버전이 동일하다면 올려도 큰 이상이 없다. 다르다면, 이제 거기에 맞는 버전업을 해주면 된다. Version Lens 가 도와주기 때문에 기존에 하던 것보다 훨씬 ..

웹 스프레드시트 웹에서 데이터를 표시하고 데이터의 계산, 분석, 데이터 시각화 등 웹 그리드보다 더 많은 작업을 수행할 수 있도록 도와주는 도구 입니다. 대표적으로 엑셀이 있으며 이러한 기능을 웹에서 할 수 있도록 도와주는 컴포넌트 입니다. 웹 그리드와 웹 스프레드시트의 차이 이 둘은 웹에서 데이터를 조작하는 공통점을 가지고 있지만, 누가 더 복잡하고 다양한 기능을 제공하냐의 차이가 있습니다. 예를 들어, 웹 그리드의 경우, 표 형식으로 표시하고 편집하지만, 다양한 포뮬러, 복잡한 데이터 조작, 데이터 시각화 및 데이터베이스와 연동 등 고급기능을 많이 제공하지는 않습니다. 주로 데이터를 표시/편집하는 것이 주 목적이기 때문입니다. 반대로 웹 스프레드 시트는 웹 그리드의 모든 기능을 가지고 있으며 더 많은..

github actions 란? Github Actions는 Github에서 제공하는 CI/CD 도구입니다. 이를 이용하면 코드의 변경사항이 있을 때마다 자동으로 빌드하고 배포할 수 있습니다. 사용방법 Github 레포지토리에서 Actions 탭을 클릭합니다. "Set up a workflow yourself" 버튼을 클릭합니다. 원하는 언어와 빌드 도구를 선택합니다. .yml 파일을 수정하여 원하는 빌드 및 배포 설정을 추가합니다. 또는 루트 디렉토리에서 .github/workflows/deploy.yml 을 만듭니다. 소스 root 에서 .github/workflows 밑에 deploy.yml 파일을 만들어 줍니다. 아래와 같이 만들게 되면, 우분투, 노드 체크아웃 및 설치 => 노드모듈을 설치 =>..

oneSignal 이란? 웹, 모바일에서 푸쉬 알림 기능을 제공해주는 서비스이자 플랫폼 입니다. 서비스 워커란? 간단하게 브라우저에서 백그라운드(브라우저가 꺼져도)로 실행할 수 있도록 해주는 js 로 작성된 파일입니다. 개발자 도구에 애플리케이션에 서비스워커를 보면 브라우저에서 등록되는 서비스워커를 볼 수 있습니다. 트러블 슈팅 필자는 PWA 와 oneSignal 연동시 oneSignal 에 푸쉬알림이 오지 않고 버튼이 정상동작하지 않는 문제가 있었다. 처음에는 oneSignal 설치를 잘못한 줄 알고 재설치만 10번은 반복했는데,,, 서비스워커 문제였다. PWA 에 서비스워커와 oneSignal에 서비스워커가 서로 충돌하는 문제였고 서비스워크를 독자적으로 분리해서 별도로 등록될 수 있도록 하였다. on..