Google Oauth2 Device Login 이번에 Smart TV 앱을 React로 개발을 진행하면서 3rd Party 기능을 추가하였습니다. 3rd Party 기능을 추가하면서 각 Google, Facebook, Amazon Device 3rd Party 구현을 정리해 보도록 하겠습니다. TV, 게임 콘솔, 프린터와 같은 기기에서 실행되는 애플리케이션을 통해 OAuth 2.0 승인을 구현하여 Google API에 액세스 하는 방법을 설명합니다. STEP 1 - oAuth2.0 클라이언트 ID 발급 클라이언트 ID 발급을 위해 Google API Service 사이트로 이동합니다. https://console.cloud.google.com/apis/ Google 클라우드 플랫폼 로그인 Google ..

안녕하세요. 오늘은 javascript를 이용해 동적으로 Dialog Modal을 만들어 보도록 할게요. 화면 중앙에 Dialog Modal 버튼을 만들고 버튼을 클릭하면 Dialog Modal 생성 후 Cancel 버튼을 눌러 Dialog Modal을 다시 제거하도록 했습니다. 우선 아래와 같이 버튼을 만듭니다. Dialog Modal 버튼을 클릭하면 showDialog 함수를 호출하고 함수해서 html 을 동적으로 body에 넣어 Dialog Modal을 표현합니다. Dialog Title Dialog 내용입니다. Cancel OK 위에 Dialog Modal HTML 코드를 Javascript에서 String 으로 만들고 DOMParser().parseFromString() 함수를 사용해 Strin..

제 1장 Vuew 개발환경 구축하기 개발환경 구축에 앞서 환경구축에필요한 항목을 나열해보자. 1.Node.js 설치 2.IDE or Text Edit 설치 3.Vue CLI 설치 4.Vue project 생성 이제 단계별로 하나씩 구축을 진행하보자~ 1.Node.js 설치 Vue.js를 사용하기 위해서는 Node.js를 필수적으로 필요합니다. Node.js를 설치하며 기본적으로 패키지 관리 npm도 같이 설치됩니다. 다운로드는 아래에 링크를 통해 다운로드 받으면 됩니다. 최신버전 보다는 안정성, 신뢰도 높은 버전을 다운로드 받으시는걸 추천합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 Java..

우연히 프래그래머스 들어 갔다가 간단한 문제 있어 풀어봤어요~ 문제 숫자 문자열과 영단어 문제 설명 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다. 1478 → "one4seveneight" 234567 → "23four5six7" 10203 → "1zerotwozero3" 이렇게 숫자의 일부 자릿수가 영단어로 바뀌어졌거나, 혹은 바뀌지 않고 그대로인 문자열 s가 매개변수로 주어집니다. s가 의미하는 원래 숫자를 return 하도록 solution 함수를 완성해주세요. 참고로 각 숫자에 대응되는 영단어는 다음 표와 같습니다. 숫자영단어 ..