일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 콘솔한글깨짐
- programmers
- 음양더하기
- javscript
- react
- state
- IntelliJ
- v-if
- axios
- Login
- node.js
- mixins
- includes
- azure
- getters
- vuex
- Reduce
- Emit
- 템플릿문법
- Vue.js
- kibana
- v-for
- v-on
- KAKAO
- javascipt
- sns로그인
- mutations
- Express.js
- JavaScript
- 연동
- Today
- Total
목록분류 전체보기 (98)
공부용
리액트에서 sns로그인 호출하는 틀은 비슷했다. 발급받은 클라이언트 키를 가지고 auth_uri에 code값을 요청하는것이다. front https://github.com/Jang-JinYoung/react-sns-login GitHub - Jang-JinYoung/react-sns-login Contribute to Jang-JinYoung/react-sns-login development by creating an account on GitHub. github.com backend 수정예정
1. https://developers.kakao.com/ 접속한다. 2. 계정이 없으면 새로 만들고, 계정이 있으면 상단에 내 애플리케이션을 누른다 3. 애플리케이션 추가하기를 누른다. 4. 애플리케이션 이름과 회사명 필수조건 체크를 한다. 5. 사용자 정보를 가져오기 위해서는 id_token이 필요한데 이 id_token을 가져오기 위해서는 로그인 하였을때 제공해주는 1회성 code값을 필요로 합니다. 6. 좌측 메뉴에서 동의항목으로 이메일 설정을 합니다. 7. 보안에서 id_token을 가져오기 위한 Client Secret을 생성한다. 8. 좌측 메뉴에서 플랫폼에서 Web Platform 등록을 하여, 기본 도메인을 설정한다. 9. 좌측 메뉴에서 카카오 로그인을 누르고, Redirct URI을 설..
회사에서 SNS 로그인 기능을 담당하기로 했다. 근 2주간 SNS 로그인 기능을 개발하였고, 어느정도 마무리가 되어가는 과정이기에 추후에 또 사용하기 위하여 글을 기술하려고 한다. 적용한 SNS 로그인은 카카오(kakao), 네이버(naver), 구글(google), 애플(apple) 이다. 물론 좋은 로그인 라이브러리도 많았지만, 라이브러리 없이 개발을 하였다. Front : react Language : javascript Back : spring boot Language: java 11 카카오부터 시작하여 네이버, 구글 애플까지 개발하면서 거친 과정을 기술하려고 합니다. 로직은 비슷합니다. 사용자가 로그인하였을때 SNS에서 제공하는 1회성 코드를 받습니다. 그 코드를 가지고, SNS API를 호출해..
문제 설명 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합니다. 물품을 구매해 줄 때는 각 부서가 신청한 금액만큼을 모두 지원해 줘야 합니다. 예를 들어 1,000원을 신청한 부서에는 정확히 1,000원을 지원해야 하며, 1,000원보다 적은 금액을 지원해 줄 수는 없습니다. 부서별로 신청한 금액이 들어있는 배열 d와 예산 budget이 매개변수로 주어질 때, 최대 몇 개의 부서에 물품을 지원할 수 있는지 return 하도록 solution 함수를 완성해주세요. 제한사항 d는 부서별로 신청한 ..
문제 설명 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 제한사항 numbers의 길이는 2 이상 100 이하입니다. numbers의 모든 수는 0 이상 100 이하입니다. 입출력 예numbersresult [2,1,3,4,1] [2,3,4,5,6,7] [5,0,2,7] [2,5,7,9,12] 입출력 예 설명 입출력 예 #1 2 = 1 + 1 입니다. (1이 numbers에 두 개 있습니다.) 3 = 2 + 1 입니다. 4 = 1 + 3 입니다. 5 = 1 + 4 = 2 + 3 입니다. 6 = 2 + 4 입니다. 7 = 3 + 4 입니다..
0. axios Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 입니다. 그것은 동형 입니다(동일한 코드베이스로 브라우저와 node.js에서 실행할 수 있습니다). 서버 사이드에서는 네이티브 node.js의 http 모듈을 사용하고, 클라이언트(브라우저)에서는 XMLHttpRequests를 사용합니다. 쉽게 말해서 백엔드 데이터를 프론트에 가져온다.. 라는것으로 정의할 수 있다! 1. 설치 npm install --save axios 2. 코드 ./src/view/axios.vue 번호 제목 작성자 날짜 {{board.id}} {{board.title}} {{board.writer}} {{board.writeDate}} button button을 누르면 foo라는 함수..
약수의 개수와 덧셈 문제 설명 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ left ≤ right ≤ 1,000 입출력 예leftrightresult 13 17 43 24 27 52 입출력 예 설명 입출력 예 #1 다음 표는 13부터 17까지의 수들의 약수를 모두 나타낸 것입니다. 수약수약수의 개수 13 1, 13 2 14 1, 2, 7, 14 4 15 1, 3, 5, 15 4 16 1, 2, 4, 8, 16 5 17 1, 17 2 따라서, 13 + 14 + 15 - 16 + 17 = 43을 return..
문제 설명 어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return 하도록 solution 함수를 완성해주세요. 제한사항 absolutes의 길이는 1 이상 1,000 이하입니다. absolutes의 모든 수는 각각 1 이상 1,000 이하입니다. signs의 길이는 absolutes의 길이와 같습니다. signs[i] 가 참이면 absolutes[i] 의 실제 정수가 양수임을, 그렇지 않으면 음수임을 의미합니다. 입출력 예absolutessignsresult [4,7,12] [true,false,true] 9 [1,2,3] [false,false,t..
문제 설명 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ numbers의 길이 ≤ 9 0 ≤ numbers의 모든 원소 ≤ 9 numbers의 모든 원소는 서로 다릅니다. 입출력 예numbersresult [1,2,3,4,6,7,8,0] 14 [5,8,4,0,6,7,9] 6 입출력 예 설명 입출력 예 #1 5, 9가 numbers에 없으므로, 5 + 9 = 14를 return 해야 합니다. 입출력 예 #2 1, 2, 3이 numbers에 없으므로, 1 + 2 + 3 = 6을 return 해야 합니다. // 내 풀..
0. 믹스인 Mixins는 Vue 컴포넌트에 재사용 가능한 기능을 배포하는 유연한 방법입니다. mixin 객체는 모든 구성 요소 옵션을 포함할 수 있습니다. 컴포넌트에 mixin을 사용하면 해당 mixin의 모든 옵션이 컴포넌트의 고유 옵션에 “혼합”됩니다. // 관련 url https://kr.vuejs.org/v2/guide/mixins.html 믹스인 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 1. 준비 1.1. ../assets/mixins.js export const mixins = { data () { return { counter : 10 } }, methods: { addCounter() { this.counter++; }, subCounte..