일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 로그인
- 정리
- PWA
- react-query
- 셋팅
- vue login
- jwt
- login
- 프론트
- plugin
- Git
- 토이프로젝트
- database
- 배포
- vue
- express
- AWS
- 뷰
- 기획
- javascript
- nginx
- vuex
- extension
- Docker
- 신상마켓
- vsCode
- 플러그인
- react
- 회고록
- Firebase
- Today
- Total
강디너의 개발 일지
목차 1. Firebase 배포 2. Firebase 로그인 권한이 있는 터미널에서 Firebase login 명령어를 입력하시고 구글 로그인 합니다. 로그인을 성공하면 아래와같은 페이지가 뜹니다. Firebase init 설정상에서 public 폴더 사용할꺼냐(디폴트) 해서 Y 눌렀더니 나중에 배포했을 때 빌드된 파일을 찾지 못했습니다. firebase.json public을 dist로 변경 빌드가 된 Vue 프로젝트가 dist 에 저장되기 때문에 설정을 수정해야함 Firebase deploy 무료로 호스팅 해주는 것을 볼 수 있습니다 서비스워커도 잘 돌아가는 것을 볼 수 있습니다. 서비스 워커란? 서비스 워커는 브라우저가 백그라운드에서 실행하는 스크립트로, 웹페이지와는 별개로 작동하며, 웹페이지 또는..
1. Use AB Test - 김민영 / 원티드랩 프론트엔드 개발자 원티드랩에서 A/B 테스트에 대해 설명하고 직접 시연했다. 회원가입 전환율 관련 테스트를 진행 A안(원본)은 채용 공고를 보기 전 가입 유도를 하고, B안(대안)은 채용 공고는 일단 보여주고, 유저의 추가적인 액션이 있을 경우 가입 유도. 어떤 것이 회원가입 전환율이 높은가 테스트해서 B 안이 2.5배 높다는 것을 데이터를 통해 얻어서 성공했다는 것을 증명. 사용한 툴로는 Google Optimize Javascript API Google Optimize Javascript API의 설정 페이지 타겟팅 원본과 대안 설정 사용자 타겟팅(로그인 한 사람, 안 한 사람, 사용 기기 등) 트래픽 할당(%) GA 연동 원티드랩의 기술 스펙으로는 ..
* 사진 많음 데이터 주의 * 목차 1. 구글 검색의 작동 원리 2. 2019년 검색에 무슨 일이 있었나 3. 한국에서 SEO로 살아남기 4. 점심 5. 검색엔진이 이해할 수 있는 사이트 만들기 6. 커피타임 7. 디지털 마케팅을 위한 구글 서치 콘솔 8. 구글 검색 자세히 들여다보기 9. 웹사이트 성능 개선 도구 입장할 때 기념품으로 칫솔 세트 + 스티커 + 식권을 받았습니다. 밥 먹고 이 닦고 오라는 큰 그림인가...! 1. 구글 검색의 작동 원리 - 구글 검색팀 이수현 님 구글 검색의 작동 원리를 설명해주시고, 검색 알고리즘의 주요 요소에 대해 설명했다. 또한 구글 검색 엔진은 계속해서 업데이트되고 있으며 1년에 약 60만??(잘 기억이..) 아이디어 중 철저한 테스트를 거쳐서 약 3천 개? 정도의..
기획 PWA를 이용한 위치 저장 어플리케이션 만들기 - Vue 이용한 페이지 제작 - Firebase 를 이용한 호스팅 + DB 저장 목차 1. vue-cli4 Setting 2. Firebase Setting 1. vue-cli Setting 설정 중 PWA 설정 도와주는 옵션이 있습니다. 설정해주시면 편합니다. 2. Firebase Setting Window에서 firebase-tools 를 설치하려면 까다롭습니다. 글로벌로 설치해서 사용하라고 적혀있는데, Window에서는 권한이 없다고 막혀버립니다. 그래서 찾아본 결과, 독립형 실행 프로그램을 다운로드 후 설치해서 firebase-tools 를 이용하거나 nvm-window를 설치해서 버전 관리해서 사용하는 방법 두 가지입니다. https://gi..
사용할 기능들 1. navigation guard - 뷰 라우터 내비게이션 가드 2. axios Intercept - axios 설정 3. Vue cookies 4. vuex 토큰을 이용한 로그인 유지 flow는 아래 사진과 같습니다. 참고 - 쉽게 설명해주셨습니다. https://tansfil.tistory.com/59 쉽게 알아보는 서버 인증 2편(Access Token + Refresh Token) 안녕하세요! 이전 포스팅에는 크게 세션/쿠키 인증, 토큰 기반 인증(대표적으로 JWT)에 대하여 알아보았습니다. 저희가 앱, 웹 혹은 서버 개발을 하면서 꼭 사용하게 되는 인증(Authorization).. tansfil.tistory.com 더 더 검색해보니 사용자가 로그인하면 -> 서버측에서 Acce..