현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

웹 관련질문 : 구글드라이브 또는 엔드라이브에 대해

h0ngz의 이미지
글쓴이: h0ngz / 작성시간: 금, 2015/04/03 - 2:44오후

프로그래밍을 공부하고있는 학생입니다.

현재 웹 분야에 무지하지만 관심을 갖고 공부하고있습니다.

구글 드라이브나 엔드라이브는 어떤 기술로 개발하는지가 궁굼합니다.

마치 윈도우 환경처럼 그냥 파일을 드래그앤 드롭하면 업로드되고, 클릭하면 선택되고 하는게. 도무지 어떻게 만드는지 감이 안잡히네요.

또한 업로드할시 별도의 업로드 팝업이 열리던데 그런건 또 무엇인지. 엑티브엑스로 설치하지도 않고 바로 되던데..

구글드라이브 같은 마치 운영체제를 조작하는것과 같은 웹을 구현하고자 한다면 어떤 키워드로 무엇을 찾아 공부하면 될지 길을 보여주세요 ㅜㅜ

Forums: 
프로그래밍 QnA
twinwings의 이미지

글쓴이: twinwings / 작성시간: 화, 2015/04/07 - 1:45오전

저도 웹쪽은 가볍게 봐서 깊이는 모르겠지만

HTML5, JAVA script쪽 보시면 DOM 이라고 있습니다.

현재 보고있는 화면 자체가 하나의 객체, 그 외에 모든 요소들이 객체로 인식된다고 생각하시면 됩니다.

그런데 전역 객체로 "브라우저" 그 자체가 있구요.

위에 언급한 브라우저 객체를 직접 건드는 것 같습니다.

(현재 문서와 상호작용은 현재 문서의 dom 객체와 상호작용 하는 것이고..
드레그 앤 드롭은 현재 브라우저와 상호작용하는 것이니 브라우저 dom 객체쪽 보면 될 것 같고..)

HTML5 도서부터 보시는게 빠를 것 같네요..

esrevinu의 이미지

글쓴이: esrevinu / 작성시간: 화, 2015/04/07 - 3:47오전

전 거의 문외한입니다만,
HTML, CSS, javascript로 만들어지는 걸로 알고 있습니다.
GWT라는 것이 있는데 java로 프로그램을 짜면 이것들을 만들어 준다고 합니다.
구글이 쓰려고 만들어서 공개했는데 구글이 계속 쓰는지는 모르겠네요.
http://www.gwtproject.org/
drag&drop
https://gwt-dnd.appspot.com/

아, OS 상의 파일을 드래그앤드랍하면 파일이 업로드된다는 말씀이군요.
http://www.dropzonejs.com/#
https://github.com/andrezimmermann/dropzone-gwt

prits의 이미지

글쓴이: prits / 작성시간: 화, 2015/04/07 - 8:51오전

ajaxplorer 받아서 설치해보시고 소스코드 보시면 어느정도 도움이 될 것 같습니다

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.