본문 바로가기

분류 전체보기202

[Vue.js] 19. Google OAuth 2.0 사용하기 (2) 지난 시간에 이어서 Goolge OAuth 2.0을 web application에 적용하는 방법을 알아보겠습니다. 전체적인 단계는 아래의 순서로 살펴보겠습니다. Create user authorization credentials web application에 적용해서 Login / Logout 구현하기 Token 전송 및 Google API 호출 / 사용하기 Create user authorization credentials을 진행했으니, 나의 web application에서는 해당 OAuth 2.0 Client ID를 이용해서 Google OAuth를 통해 Login이 가능한 환경이 되었습니다. 제가 적용을 하려고 하는 web applicaton은 vue.js 2.9.6 입니다. 그렇다면 vue.js에.. 2021. 4. 6.
[Vue.js] 18. Google OAuth 2.0 사용하기 (1) 요즘은 많은 Application에서 자체적으로 구현한 Login이 아닌 Google, Facebook, Naver등 에서 제공하는 방식으로 Login이 가능하게 구현하고 있습니다. 이를 통해서, 개별 개발자의 입장에서는 별도의 노력으로 Login을 구현할 필요가 없어졌으며, 보안적으로 인증된 곳에서 제공하는 방식을 사용해서 좀 더 안정적인 서비스를 가능하게 할 수 있습니다. OAuth 2.0이란 인증에 대한 산업 표준방식입니다. 이 방식은 web application에서 인증을 제공하는데 있어 서 개발자가 간편하게 제공할 수 있게 하는데 초점이 맞춰져 있습니다. 따라서 위에서 언급한 Google, Facebook, Naver등의 제공업체의 OAuth2.0은 대부분 비슷한 방식으로 구현이 가능합니다. 그.. 2021. 4. 5.
[AT] 34. 우량주 매매시점 알림 Dashboard 제작 (2) 이번에는 저번시간에 이어서 우량주 매매시점 알림 대시보드의 첫번째 줄의 두번째와 세번째 카드에 대해서 제작해 보도록 하겠습니다. 해당 카드의 모습은 아래와 같습니다. 해당 카드들은 왼쪽의 MACD와 Signal선의 Cross별 통계를 보여주는 카드와, 오른쪽의 Cross별 세부 종목 리스트를 보여주는 카드로 구성되어 있기 때문에, 한번에 다루도록 하겠습니다. 두 카드간 동작은, 왼쪽카드의 chart 내 특정 data에 대한 영역을 클릭하게되면 오른쪽 카드에 해당 대상이 자동으로 표출됩니다. 만약, 빨간색의 GC영역을 클릭하면 오른쪽에 MACD vs Signal Cross Stock List에서는 Gold Cross에 해당하는 2건의 종목이 보여지게 되고... 라임색의 Point영역을 클릭하면 오른쪽에 2.. 2021. 4. 2.
[AT] 33. 우량주 매매시점 알림 Dashboard 제작 (1) 이제 본격적으로 우량주 매매시점 알림 대시보드(Dashboard)의 각 영역별로 구현하는 방법에 대해서 알아보겠습니다. 우선 첫 시간으로 첫째줄의 첫번째 영역에 대해서 보시죠~!! 아참!! 그리고 Dashboard의 전체적인 구성에 대해서는 제가 기존에 작성했던 vue.js쪽 내용을 참조해주시면 되겠습니다. 2021.03.04 - [Vue.js] - [Vue.js] 13. use Grid System [Vue.js] 13. use Grid System 이번에는 Dashboard 등 화면 Layout구성의 근간이 되는 Grid System에 대해서 알아보고자 합니다. Vuetify에서는 Layout 구성을 위한 방법을 제공하는데... 그것이 Grid System 입니다. 1. Grid System이란? V.. 2021. 4. 1.

티스토리툴바