일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- database
- Firebase
- vuex
- vue login
- PWA
- 신상마켓
- 토이프로젝트
- react
- 프론트
- 로그인
- react-query
- javascript
- 셋팅
- Docker
- vsCode
- nginx
- 뷰
- express
- 배포
- jwt
- 회고록
- vue
- 플러그인
- plugin
- 기획
- login
- 정리
- extension
- Git
- AWS
- Today
- Total
강디너의 개발 일지
목표 Vue.js를 이용하여 네이버 로그인 네이버 AccessToken 가져오기(RefreshToken은 제공 안 한다고 함) AccessToken을 이용해서 네이버 API 사용하기 준비물 네이버 어플리케이션 등록 clientId, callbackUrl 값이 필요합니다. 네이버 API 설명서 1. index.html에 아래 코드 삽입 (Naver SDK) 2. DOM이 mount 된 후에 실행될 수 있도록 로직을 짜줍니다. LoginNaver.vue login.js const naverService = () => { const naverLogin = new window.naver.LoginWithNaverId({ clientId: "a0K------------Xfk", callbackUrl: "http:..
목표 Vue.js를 이용하여 firebase, google 로그인 google AccessToken, RefreshToken 가져오기 Firebase 1. Firebase 프로젝트 설정에서 Google 로그인 사용 설정을 허용합니다. 2. Firebase SDK 설치 (현재 8.0.0 버전) npm install --save firebase 3. Firebase 세팅 (firebase.google.com/docs/auth/web/google-signin) Vue 컴포넌트가 생성 될 때 firebase 초기화 후 로그인 이벤트 설정해줍니다. Google 1. 아래 구글 개발자 콘솔에서 프로젝트 생성 및 OAuth 2.0 클라이언트 ID를 얻습니다. console.developers.google.com/ 2..
목표 Vue.js를 이용하여 카카오 로그인 카카오 AccessToken, RefreshToken 가져오기 유저 정보 가져오기 준비물 developers.kakao.com/ REST API 키 Javascript 키 Admin 키 Flow 인증 코드 요청 (javascript SDK) 받은 인증 코드를 이용하여 토큰 요청 (REST API) 받은 토큰을 이용하여 계정 정보 요청 (javascript SDK) (코드: github.com/DinnerKang/study_vue/tree/master/todo-list) 카카오 로그인 1. index.html 에 아래 코드 삽입 (카카오 javascript SDK) 2. kakao javascript 키 설정 - main.js window.Kakao.init('1..
Git 기초 명령어 git clone 'URL' git clone 명령어는 원격 github에 저장되어있는 소스 코드를 내 로컬로 저장하는 명령어. 원격에서 저장소를 최초로 가져올 때는 git clone을 써야 한다 git add 'file path or name' 수정한 코드 선택하기 - 경로 또는 이름을 직접 선택할 수 있다. 하위 디렉토리를 전부 담고 싶다면 * 또는 --all를 적으면 된다. git status 현재 git의 상태를 보여준다. (변경 사항 등) git commit -m '변동사항에 대하여 적을 내용' 선택한 코드 설명을 적는 칸이다. 협업하는 개발자들은 커밋 메시지로 어떤 걸 변경했는지 대략적으로 알 수 있다. 대충 적으면 그 커밋을 보는 동료들은 별로 좋아하지 않을 것이다. gi..
Git 설치 - 윈도우 윈도우용 Git 설치 파일을 다운 받습니다. Git 다운로드 페이지 입니다. 1. 약관 (읽을 수 있다면 읽..) 2. 어떤 에디터를 사용할 것인가. vim 편집기는 강력하지만 사용하기 어려울 수 있습니다. 사용자 인터페이스가 직관적이지 않고 키 바인딩이 어색합니다. vim은 역사적인 이유로 Windows 용 git의 기본 편집기이며 대신 최신 GUI 편집기로 전환하는 것이 좋습니다. 그러면 'core editor'옵션이 설정되지 않고 Git이 'editor'환경 변수로 대체됩니다. 기본 편집기는 Vim이지만 원하는 다른 편집기로 설정할 수 있습니다. 요약 : 고를순 있게 했는데, vim 으로 하는게 신상에 좋을 것이다. 3. 어떤 쉘 클라이언트를 사용할 것인가. Git 저장소에 ..