오늘은 20대 국회의원 선거날입니다..다들 투표는 하셨나요?

임시공휴일이기도하고.. 대학생들 시험기간이라 그런지 은근히 사람이 많네요

 

지난 포스트까지 구글 드라이브의 공유 폴더를 만드는 작업을 했습니다.

이번 포스트에서는 전체적인 어플리케이션의 구성 및 데이터 흐름을 정립해봅니다.

 

플로우차트입니다..

정말 쉽고 간단하게 설명하고 싶지만 재주가 없어 복잡하게 설명을 써보자면..

 

1. 관리자는 manage.html 파일에 접근합니다.

   a. retrieve.html을 읽어들여 현재 저장되어 있는 데이터를 조회합니다.

   b. OAuth2.0 인증을 하여 현 세션에 대하여 파일처리를 위한 준비를 마칩니다.

      (GoogleDrive API의 파일처리를 위해서는 OAuth2.0 인증이 요구됩니다.)

   c. 데이터를 조작한 후 manage.html의 동적 HTML DOM을 자바스크립트 객체에 담아

      text/html 형태로 저장합니다. 이 때 retrieve.html에 저장하며 덮어쓰기를 합니다.

 

2. 일반 사용자는 retireve.html에 접근하며 단순히 Public URL로만 접근하여 html페이지의 내용만 확인하므로

   특별한 인증처리는 하지 않습니다.

 

글을 읽는 분들이 이해가 가셨으면 좋겠습니다.

retrieve.html은 결국 단순한 데이터 페이지일뿐이며 모든 컨트롤은 manage.html에서 처리를 하게됩니다.

 

 

위 그림처럼 manage.html과 retrieve.html을 생성했습니다.

내용은 아무것도 없는 html 기본 태그들만 넣어둔 html 파일입니다.

파일크기가 서로 다른 이유는.. DOCTYPE 설정때문에 그런듯합니다.

 

다음 포스트는 드라이브용 API를 사용하여 manage.html과 retrieve.html에 접근하는 방법을 써보려합니다!!

 

신고

tistory용으로 구글 계정을 하나 더 만들었습니다.

오늘의 목표는 외부에서 접근할 수 있도록 Public URL을 얻는 것!! 


일단 구글 드라이브 https://drive.google.com 에 접속해보면 깨끗합니다.


▷그림1. 구글드라이브 컨트롤 메뉴


[그림1]의 새로 만들기를 눌러봅니다.

▷그림2. 새로만들기 메뉴


[그림2]를 보듯 폴더 파일 업로드 및 Google에서 제공하는 각종 오피스 문서들을 생성할 수 있습니다.

저같은 허접은 이용하는것만으로도 감지덕지 하네요...

폴더를 클릭하시고 폴더 이름을 정해보겠습니다. 


▷그림3. 폴더 생성


잘 생성이 되었습니다...사실 별거 아니죠...그냥 하나하나 남기고 나중에 추억팔이할라고 열심히 쓰고있습니다..하하;;

잘 보시면 [dev_test_folder] 밑에 "공유 문서함" 이라는 매력적인 녀석이 보이는데 클릭 해봐야 암것도 안뜹니다.

(아마 진짜 문서파일을 공유할 때 쓰는듯 해보이는데...사실 저 메뉴의 목적은 아직 잘 모르겠습니다.)

 

 

일단 만들어둔 폴더를 우클릭합니다.

▷그림4. 폴더 공유


[그림4]가 보이시나요! 뭔가 이끌리는 단어 "공유"를 클릭해봅니다.

▷그림5. 폴더 공유 옵션

이번 블로그의 목적은 접근하여 수정하도록 하는거니까 다 오픈합니다.! 

▷그림6. 더보기 옵션

[그림5]의 하단부의 더보기 옵션을 클릭하여 웹에 폴더를 공개합니다.


▷그림7. 최종 옵션

모든 옵션을 열어버리면 [그림7]처럼 확인이 가능해집니다!!



신고

타부서 동기 브라더가 일일히 수기로 입력하던 증빙자료를 자동화 해보겠다며 

VB까지 더듬더듬 익혀서 버튼 한방에 자동 처리를 해주는 엑셀 파일을 만들면서

저에게 원본 데이터를 관리할 수 있는 웹페이지를 만들어 줄 수 있냐길래

쪼렙 개발자인 저도 그의 열정이 감탄하여 Public URL을 제공해주던 Dropbox의 Developer API를 사용하여 만들었습니다.

근데 최근인지 언제인지 Dropbox API가 많이 바뀐 관계로 클라우드 스토리지 서비스 중 Public URL을 제공하며 

Javascript를 이용하여 HTML 파일 조회 및 업데이트를 할 수 있는걸 찾다가 구글 드라이브를 골라봤습니다..



 


애초에 Server-Client가 가능한 웹 환경이였으면 고민도 안하고 txt파일 하나 생성해서 자바 파일처리 했을텐데...

그러는게 불가능하여 모든건 구글 드라이브에서 제공하는 Javascript REST API를 이용했습니다.




※ REST (REpresentational State Transfer) : URI, HTTP를 통해 서비스에 접근 


신고

+ Recent posts

티스토리 툴바