일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 뷰
- 플러그인
- javascript
- vue
- Firebase
- vue login
- vuex
- 신상마켓
- vsCode
- extension
- PWA
- 로그인
- react-query
- Git
- express
- AWS
- 회고록
- login
- 기획
- 토이프로젝트
- plugin
- 정리
- jwt
- Docker
- nginx
- react
- 배포
- 셋팅
- 프론트
- database
- Today
- Total
목록2020/01 (6)
강디너의 개발 일지
여태까지 구글 애드센스, 라이브리 댓글(광고 포함)을 사용하고 있었는데 포스팅 중간 중간 광고가 너무 나와서 불편+ 거슬리다고 생각해 광고를 다 없애버렸습니다. 윽........한번 들어와서 결국... 구글 상단에 배너 하나 달았습니다 ㅠ 요런거라도 있어야지 글쓰는 맛이 나지 않겠습니까 !!!!! 엄청난 글은 아니지만 공부하고 있는 분야에 대해서 글을 쓰고 있는데, 카페인이 들어가면 더 힘이 날 것 같습니다! 카페인 충전으로 더 고급진 글을 쓰도록 노력하겠습니다 ~~!
기획 멜론 차트를 하루에 한 번 크롤링해서 Firebase Database에 저장 현재 상황 1. Vue.js 를 이용해서 프론트를 만드는 중이다. 2. Firebase Database 를 사용한다. 3. 멜론 차트를 크롤링 하고 싶다 { const title = []; const artist = []; const result = {}; const rank = 100; const getHtml = async () => { try { return await axios.get('https://www.melon.com/chart/'); } catch (err) { console.error('axios error', axios); console.error(err); } } const html = await ge..
Vue 에서 google OAuth 로그인을 위해서 mount 된 후 renderGoogleLoginButton 가 적용되게 했다. 하지만 mount 되는 속도보다 google API를 불러오는 속도가 느려서 오류가 나는 현상(gapi is not defined)이 자주 발생했다. 내생각 : Script Load -> mounted -> gapi render 하지만 : mounted -> gapi is not defined -> Script Load mounted 가 더 빨라서 강제로 스크립트를 먼저 로드한 후 gapi 를 호출해야 했다. mounted() { window.addEventListener("google-loaded", this.renderGoogleLoginButton); }, method..
javascript 를 이용해서 몇일전, 분, 시간, 일, 년 까지 구하는 함수 토이프로젝트를 하다가 날짜계산을 하고는 싶은데 moment.js는 무겁다고 생각이 들고... 어떻게 만들까아아 고민고민 하다가 회사 프로젝트에서 저희팀 '꼬북'님께서 만든걸 보고 사용 !!! function timeForToday(value) { const today = new Date(); const timeValue = new Date(value); const betweenTime = Math.floor((today.getTime() - timeValue.getTime()) / 1000 / 60); if (betweenTime < 1) return '방금전'; if (betweenTime < 60) { return `${..
google 에서 지원해주는 youtube api로 검색을 해봤습니다. export function searchYoutube(q, maxResults) { const params = { key, part: 'snippet', q, maxResults, }; return axios.get(`https://www.googleapis.com/youtube/v3/search`, {params}); } key는 youtube api 키 part는 youtube api 에서 어느 정도 보여줄 지 정해주는 범위이며 할당량 사용 관리를 위한 변수 입니다. q 는 검색어 maxResults는 결과를 몇개 보여줄 지 입니다. part 매개변수에 예를 들어 video 리소스는 snippet contentDetails fil..
기획 이유 1. 회사 라운지 노래를 원격에서 컨트롤 하고 싶다. -> 멜론 앱으로 스마트폰에 스피커를 연결해서 틀어 놓는다. 2. 주로 유튜브를 이용해서 음악을 듣는다 -> 개발할때 쩌어어어 모니터 구석에 창을 작게 켜서 광고 넘긴다. 프로젝트 기술 스택 프론트 - Vue.js 백엔드 - firebase 호스팅, 실시간 데이터베이스 디자인 - 회사 디자이너님 착취 예약 프로젝트 기획 현재까지 구글 로그인, 유튜브 검색 및 데이터 저장 테스트 해봐야 할 것 - 자바스크립트로 유튜브 실행, 정지, 사운드 크기 조절 등등... Git - https://github.com/DinnerKang/study_vue/tree/master/deali-music 도메인 - https://dealibeat.firebasea..