드림투두 로그인 기능 개편
드림투두 로그인 기능 개편 드림투두 백엔드의 로그인 기능을 개편한다. 시나리오별 프론트엔드 / 백엔드 행동을 생각해보았다. 시나리오1. 최초에 Token 을 발급받는 경우 - Frontend Backend 비고 - 로그인을 한다. - Access/R...
최근 포스트
Naver 서치어드바이저 활용하기
Naver 서치어드바이저 활용하기 Naver 에 서치어드바이저를 활용해서 사이트의 검색 최적화에 도움을 받을 수 있다. 먼저 사이트의 소유권을 확인해야 한다. Naver 에서 제공하는 값을 docusaurus.config.js 의 metadata 에 등록한다. module....
PWA 용 로고 만들기
PWA 용 로고 만들기 PWA 로고를 교체했는데 문제가 있는지 PWA 로 구동되지 않았다. A maskable icon ensures that the image fills the entire shape without being letterboxed when installi...
docusaurus Google Adsense 적용하기
docusaurus Google Adsense 적용하기 먼저 Google Adsense 에 접속해서 clientId 를 얻는다. 사이트를 등록하면 아래와 같은 스크립트를 제공해준다. <script async src="https://pagead2.googlesyndicat...
docusaurus navbar 에 github 아이콘 설정하기
docusaurus navbar 에 github 아이콘 설정하기 상단 내비게이션바에서 github 링크를 만드려면 docusaurus.config.js 에서 설정을 하면 된다. docusaurus.config.js 에서 navbar 설정을 한다. // ... const con...
docusaurus v2 pwa 설정하기
docusaurus v2 pwa 설정하기 docusaurus 에는 pwa 를 지원한다. PWA 는 Progressive Web App, 웹페이지를 앱처럼 쓸 수 있게 해주는 것이다. 웹페이지를 앱처럼 쓸 수 있게 해주기 위해 제공되는 기능 중 괜찮은 것은 휴대폰의 홈에 아이콘...
docusaurus v2 로 블로그 이전
docusaurus v2 로 블로그 이전 원래 github.io 에서 jekyll 을 사용해서 블로그를 쓰고 있었다. jekyll 은 간편하게 개인 블로그 생성, 내용을 작성할 수 있었고, github.io 에 배포되는 등 특별히 불편함을 찾을 수 없는 훌륭한 도구었다. 하지...
jwt 로 인증하기
jwt 로 인증하기 현재 쿠키안에 jwt 로 인증을 관리하고 있다. 테스트를 하는 과정에서 jwt 로 인증을 관리하는 방식에 문제가 좀 있다는 것을 알게 되었다. 무슨 문제냐면 jwt 는 최초 로그인할 때 서버쪽에서 유효기간을 써서 클라이언트에 발급을 해준다. 일단 발급된 ...
vue.js 에서 v-for force re-rendering 하기
vue.js 에서 v-for force re-rendering 하기 v-for 로 만든 자식 컴포넌트에서 사용자가 입력한 값을 부모 컴포넌트에서 확인하였더니 값을 잘못 입력한 경우, 원래의 값을 다시 표시해 줄 수 있는 방법이다. 처음에는 컴포넌트에 초기값을 보관한 뒤에 res...
vue.js 에서 Intersection Observer API 이용하기
vue.js 에서 Intersection Observer API 이용하기 https://velog.io/@kbpark9898/Vue-intersection-observer%EB%A1%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%ED%83%90%EC%A7%80%ED%9...