본문 바로가기

개발이야기

 (27)
Cypress에서 브라우저의 권한을 다루는 방법 E2E테스트를 진행하는 도중에 위와 같이 browser의 권한 요청을 묻는 경우가 있어서 E2E테스트가 멈추는 상황이 발생하였습니다. 해결 방법은 다음과 같습니다. yarn add cypress-browser-permissions -D그리고 cypress/plugins/index.js에 아래와 같이 코드를 넣어줍니다. const { cypressBrowserPermissionsPlugin } = require('cypress-browser-permissions') /** * @type {Cypress.PluginConfig} */ module.exports = (on, config) => { // `on` is used to hook into various events Cypress emi..
Next.js PWA 찍먹 최근에 pwa를 주제로 프로젝트를 하게 되었는데 pwa에 대해서 알아보기도 하고 next-pwa도 한번 써보고 싶어서 찍먹을 해보기로 하였다. 우선 create-next-app 을 이용해서 next-app을 만든다. npx create-next-app next-pwa 이후에 next-pwa를 설치해준다. yarn add next-pwa 이후에 512x512 그리고 192x192아이콘을 public 디렉토리에 넣어준다. 다음은 manifest파일을 public 디렉토리에 작성해 주는 것이다. 크롬 확장 프로그램을 만들 때도 이 파일을 작성했었는데, PWA에서 마찬가지이다. { "name": "Next PWA demo", "short_name": "Next PWA", "icons": [ { "src": "/..
방슐랭가이드에 핸드폰 인증 구현하기 방슐랭 가이드 정식 버전을 개발하면서 핸드폰 인증 부분을 개발하게되었다. 우선 검색을 통해서 네이버 SENS( Simple & Easy Notification Service)라는 API를 활용하기로 결정했다. SENS에서 프로젝트를 하나 만들어 준다. 나는 bclguide라는 이름의 프로젝트를 만들었다. 프로젝트를 만든 후 발신 번호를 등록해야한다. 본인 소유의 핸드폰을 증명하기 위해 서류가 필요하다. kt를 이용한다면 케이티 엠모바일에서 발급 받을 수 있다. 위 서류를 제출하면 1~2일 기다려야한다. 기다리면 네이버에서 위와 같이 서류 인증을 해준다. 방슐랭가이드의 경우에는 하루 걸렸다. 네이버 SENS( Simple & Easy Notification Service)의 정말 좋은 점은 정말 쉬운 사용..

티스토리툴바