메로그

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

hyvor talk 이란? 하이버톡은 웹사이트와 블로그에 통합하여 방문자가 기사 및 게시물에 댓글을 남길 수 있는 댓글 플랫폼입니다. 간단하고 사용자 친화적인 댓글 시스템을 제공하여 사용자가 서로 쉽게 토론에 참여할 수 있습니다. Hyvor Talk의 일부 기능에는 실시간 알림, 사이트 소유자를 위한 중재 도구, 다국어 지원, 웹사이트 스타일에 맞게 댓글 섹션의 모양을 사용자 지정할 수 있는 기능 등이 있습니다. Hyvor Talk는 또한 모든 데이터를 유럽에 위치한 서버에 저장하고 GDPR 규정을 준수하는 등 사용자 개인정보 및 데이터 보호를 최우선으로 생각합니다. 전반적으로 독자와 소통하고 콘텐츠를 중심으로 커뮤니티를 구축하고자 하는 웹사이트 소유자에게 유용한 도구입니다. v2가 안정화 버전으로, v..

rubberduck vscode 에서 chatGPT 를 활용한 익스텐션 제공 사용방법 vscode 에서 rubberduck 을 다운로드 받아준다. openAI 에서 api 주소를 받아서 등록해준다. 사용하면 끝!! 회고 요즘 chatGPT 가 매우 핫한데, vscode 에도 익스텐션으로 제공한다길래 사용해봄. 생각보다 개발적으로 꽤나 생산성이 느껴져서 앞으로 기대감이 더 큼.

POC(Proof of Concept) 신기술을 프로젝트에 도입하기 앞서 검증하는 목적으로 사용함. Pilot 어느정도 검증된 기술을 가지고 소규모로 프로젝트를 해보는 시험 프로젝트 BMT(Bench Marking Test) 실제와 같은 동일한 시험환경에서 제품의 성능에 대해 비교시험을 반복해서 객관적으로 평가하는 것.

시맨틱 태그란? 시맨틱 태그란 의미가 있는 태그를 말한다. div 태그를 사용해서 영역을 만드는 것이 아닌, header, main, footer 와 같은 의미가 있는 태그를 이용하는 것을 말한다. 시맨틱 태그를 사용하는 이유 검색엔진 최적화 (SEO) 검색엔진이 알맞은 검색결과를 내기 위해 웹사이트를 크롤링할 때 웹사이트의 내부에 담긴 정보를 토대로 사이트를 분석한다. 그런 경우에, 시맨틱 태그를 사용하면 더 정확한 구조로 분석할 수 있도록 도와준다. HTML 구조화 HTML 에 코드가 구조화 되어 가독성 및 유지보수가 향상된다. 종류 header: 헤더 영역에 대한 태그. nav: 네비게이션 영역에 사용하는 태그. section: article 보다 큰 영역을 나타낼 때 사용하는 태그. aside: ..

dependencies, devDependencies 차이 우리가 노드모듈을 설치하다보면, package.json 에 dependencies, devDependencies 를 접하게 될텐데, 이의 차이점을 알아보자. 생각보다 간단하다. 우리가 설치할 때, --save-dev, -D 같은 명령어를 붙여서 설치하면 devDependencies 로 설치되게 된다. 이는 개발할 때 개발용으로 사용할 라이브러리를 설치하는 것이고 배포시에는 포함되지 않는다. 동작과는 연관이 없는 모듈을 설치 해주면 되는 것이다. 사용하는 이유 사용하는 이유는 용량 때문이다. 우리가 배포시 필요없는 모듈도 같이 올라간다면 그만큼 용량도 커지고 리소스를 잡아먹게 된다. 불필요한 라이브러리를 포함시키지 않기 위해 사용하는 것이다.