동식이 블로그

Firebase,Vue 채팅구현

채팅 구현

Firebase와 Vue를 이용해 채팅 구현해보기 Chat firebase와 vue를 이용해 채팅 구현 Realtim Database - testmode firebase와 vue 설정(initialize) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!-- ...

Posted by 동식이 블로그 on May 9, 2019

Vue.js todo

Vue.js

JS를 이용한 Todo app 만들기 Todo app 새로고침해도 데이터 안날아 가게 브라우저가 가지고있는 스토리지에 저장! momentum 설치 개발자도구 - Application - Local Storage - chrome-extension 작성한 Todo는 여기에...

Posted by 동식이 블로그 on May 8, 2019

Vue.js 활용

Vue.js

Vue.js 활용 directive v-text ```html {{message}} const app = new Vue({ el:”#app”, data:{ message:”안녕하세요”, } }) 1 2 3 4 5 6 7 8 9 10 11 12 1...

Posted by 동식이 블로그 on May 7, 2019

FakeInsta

fake-insta explain

Fake-Insta code 개요 개인프로젝트 프로젝트 목표 주요기술 프로젝트 목표 Django Framework를 이용한 Instagram 클론페이지 구현 주요 기술 언어 : Python 프레임워크 : Django 구현기능 로그인, 댓글, 좋아요, 팔로우, Hashtag, 소셜로그인 ...

Posted by 동식이 블로그 on May 5, 2019

Vue.js

Vue.js

Vue.js basic javascript library cdn이 두 개 있는데 개발버전으로 html 과 Vue연결 html의 id값과 vue가 연결 el과 data는 규칙!! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 ...

Posted by 동식이 블로그 on May 3, 2019

JS promise

JavaScript

JS Prmoise Promise복습 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 // arrow function으로 사용하려면 return과 {}를 생략해야 됨 const makeOrder = function (order) { return new Promi...

Posted by 동식이 블로그 on May 3, 2019

JS method

JavaScript

JS method 함수호출 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function printHello(){ console.log('hello') } function baz(){ setTimeout(printHello, 3000) } function bar(){ baz...

Posted by 동식이 블로그 on May 2, 2019

Axios

Axios

axios Promise based HTTP client for the browser and node.js 라이브러리 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 <!DOCTYPE html> <html lang="en"> <head>...

Posted by 동식이 블로그 on May 1, 2019

JS Event

javascript

JS Event EventListener 마우스 이벤트 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 <!DOCTY...

Posted by 동식이 블로그 on May 1, 2019

FakeInsta

fake-insta8

Axios를 사용해서 여러 기능 수정 ##### fake-insta 좋아요 기능 수정 페이지 요청을 다시하지 않고 그 해당 페이지에서 바뀌도록 1 2 3 4 5 6 // posts-_post.html {% if user in post.likes.all %} <i class="like-btn fas fa-heart" styl...

Posted by 동식이 블로그 on May 1, 2019