전체 글(13)
-
Vue.js 소셜 로그인
안녕하세요. 이번 시간에는 vue.js에서 소셜 로그인하는 방법에 대해 알아보겠습니다. 소셜 로그인으로는 카카오톡, 페이스북, 구글 로그인을 해보겠습니다. 각 개발자 사이트에 가보면 가이드가 나와있지만 SPA에 바로 적용시키기는 쉽지 않습니다. 기존의 SSR(서버 사이드 렌더링)을 기준으로 문서화가 되어 있기 때문인데요. 저도 삽질 좀 하다가 각 로그인 별 vue 모듈이 있더라고요, 그래서 다운로드하고 코드를 보면서 참고했습니다. 혹시 안되시는 분 있으면 vue-facebook-login, vue-kakao-login, vue-google-login 다운로드하셔서 코드 참고하시면 될 거 같습니다. 1) 페이스북 먼저 페이스북 개발자 사이트에 앱 메뉴에 들어갑니다. https://developers.fac..
2019.11.27 -
EC2로 django 서버 배포하기(ubuntu 16.04버전)(2)
이제 생성된 EC2 인스턴스에 우리가 만들어 놓은 Django 프로그램을 배포해 보겠습니다. 인스턴스를 눌러 Connect를 누르면 다음과 같은 화면이 나옵니다, 그 전에 key-pair(60decibel.pem)를 다운 받은 위치로 이동해서 먼저 $ chmod 400 키 이름.pem을 칩니다. ($ ex) chmod 400 60Decibel.pem) 그 다음 example에 있는 코드를 그대로 복사해서 입력합니다. ( ex) ssh -i "60Decibel.pem" ubuntu@ec2-13-124-233-136.ap-northeast-2.compute.amazonaws.com) yes를 누르면 ubuntu 서버에 들어온 것을 알 수 있습니다. 그럼 먼저 nginx를 설치하겠습니다. $ sudo apt-..
2019.11.08 -
EC2로 node.js (express)배포하기(pm2, nginx 사용)
안녕하세요. 이번 시간에는 AWS EC2로 node.js(express)를 배포해보겠습니다. 먼저, AWS 홈페이지에 EC2에 메뉴에 들어갑니다. Launch instance를 누른 후 instance 종류를 선택합니다. 저 같은 경우 ubuntu 16.04 LTS를 선택하겠습니다. 그 다음 계속 기본 설정으로 다음을 누르고 Step 6: Configure Security Group에서 설정을 추가해줍니다. 먼저 ngnix를 쓸거기 때문에 ngnix가 받는 포트인 80(http), 443(https)을 설정해주고 pm2를 쓸거기 때문에 pm2가 사용하는 3000포트를 추가해줍니다. 맨 마지막에 있는 27017포트는 제가 MongoDB를 쓰는데 MongoDB를 배포한 서버가 27017 포트를 쓰기 때문에 ..
2019.11.05 -
ES2015 문법의 특징
1. let과 const ES2015 전까지는 변수 선언을 위해 var를 사용 하지만 var는 호이스팅하기 때문에 변수를 중복 선언해도 오류가 발생하지 않는다. 호이스팅이란? https://yuddomack.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%98%B8%EC%9D%B4%EC%8A%A4%ED%8C%85Hoisting 자바스크립트 호이스팅(Hoisting) 자바스크립트의 변수는 다른 언어들과 조금 다르게 동작합니다. 이는 때때로 개발자로 하여금 의도하지 않은 결과를 발생시키기도 합니다. es2015 이후로 let이나 const를 사용하여 예방할 수 있지만 Closure같은.. yuddomack.tistory..
2019.09.11 -
Vue 공식 사이트 Stlye Guides
참고 : vue.js 공식 사이트 style guide([https://vuejs.org/v2/style-guide/](https://vuejs.org/v2/style-guide/)) *Essential rulse(error prevention) 컴포넌트 이름은 무조건 multi-word(root의 App component, vue의 기본 component 제외) → HTML elements와 충돌 방지 컴포넌트 data 속성은 항상 함수로 작성 prop을 정의할 때는 최대한 상세히 정의(최소한 타입은 적기) v-for 디렉티브 사용시 key를 바인드 해주기(unique한 key 권장) v-for 디렉티브와 v-if 디렉티브를 같은 element에서 사용 금지 →v-for가 v-if보다 더 상위 comp..
2019.09.04 -
git 설명(초보자용)
안녕하세요. 이번 시간에는 해커톤을 하면서 경험했던 많은 삽지들을 통해 얻은 git을 잘 쓰는 법(초보자용)에 대해 알아보겠습니다. 저도 git을 쓴지 얼마 안됐기 때문에 정말 git 초보이신분들만 보시길 바랍니다. 먼저 git이란 '컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하는 분산 버전 관리 시스템' 입니다. 간단히 말하면 개발자들이 협업할때 도와주는 관리 시스템이라고 보면 됩니다. git을 사용하기 위해서는 git을 깔아야합니다. https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git sou..
2019.08.22