간단한 웹하드 서비스를 하나 만들었는데 평가좀 부탁드려요...
안녕하세요.
구글링에서만 보던 KLDP를 드디어 가입하게 되었어요 ㅎ 이제 막힌 부분이 있으면 구글에서 맴돌지 말고 여기서 말하려고 합니다!
서두는 여기서.. 제가 만든게 있어요. 이름은 프로젝트 허브 Project Hub 라고 해요.
간략하게는.. GitHub 를 좀 따라하려 해보았어요. 프로젝트별로 작업 영역을 나누어서 거기에 웹하드처럼 파일을 올리거나 간단한 메일을 주고 받을 수 있는 서비스에요.
만든 동기는 이렇습니다. 학교에서 프로젝트 수업을 진행하다 보면 그날 만든 산출물을 백업해야 합니다. 학교 컴들은 재부팅 시에 초기화 되서요.
USB나 엔드라이브, 구글 드라이브 같은 서비스가 있긴 하지만 USB는 주머니 속에서 고장나면 골이 아프고 잃어버리면 치가 아픕니다. 그리고 웹 서비스들은 들어가는 루트가 멀고 100메가 회선 대역폭을 다 쓰지 못합니다.
더욱이 플러긴이나 액티브x같은 것을 사용하구요. 전 사실 그리 필요 없는데...
그리하여~ POST와 GET 메서드만 사용하고 웹 표준을 다 지키면서도 빠른 웹하드를 만들어 볼까 생각해서 시작한 작품이에요 ㅎㅎ
PHP와 MySQL로 구현했습니다. 폴더 구조는 제가 생각하기에 B-트리인거 같아요. 제가 자료구조를 잘 몰라서스리;
(그리고 폴더들은 DB 테이블 안에 레코드로 존재하는 논리적인 객체들입니다. 파일은 한 폴더에 모두 저장되구요.)
HTML5로 출력을 해보았어요. HTML5를 지원하지 않는 브라우저도 호환되게 하려고 header나 footer같은 태그를 사용하지 않았습니다.
(이게 시멘틱 표준은 아니지만 하위 호환성 땜시 어쩔 수가 없네요)
https://www.ashe.kr/phub/
아디: oyou
비번: asky123
아직 미완성이에요~ 폴더 만들기, 업로드, 삭제까지 완성했습니다.
차차 다른 기능도 완성할 생각이에요.
기능은 별로 안되서 평가받지 좀 그렇지만... 디자인은 어떤가요? 이 역시 혼자 만든거라 좋은 평을 받지는 못할 거 같아요 ㅜㅠ
그리고 웹 해킹쪽 취약점이 있으면 발견해 주심 감사하겠습니다.. (SQL인젝션 등등)
막 해킹해도 좋아요! 소스백업, DB dump도 마친 상태입니다.
PostScript;
BBCode가 개인적으로 좋아 사용해 보니 size 태그가 없군요! 이런..
폴더명이나 파일명을 이용한 XSS도 되대한 막으려 했는데, 완벽할지 모르겠습돠.
[제안] 기술적으로 가능한지 모르겠지만 마우스 오른쪽 클릭시 팝업 메뉴 지원해 주었으면 합니다.
기술적으로 가능한지 잘 모르겠네요.
하지만 파일 아이콘에서 마우스 오른쪽 클릭시 팝업 메뉴 지원해 주었으면 합니다.
감사해요
팝업에 무슨 내용을 넣죠?
파일 삭제, 파일명 변경 2개 기능 원합니다.
popup 메뉴에 파일 삭제, 파일명 변경 2개 기능 원합니다.
제가 아는 윈도우와 리눅스 GUI 파일 관리자(?) 인터페이스에서 파일에 오른쪽 마우스 클릭하면 생기는 팝업 메뉴에
파일을 다루는 파일명과 삭제 2개 기능이 기본적으로 들어가 있어서요.
동일하면 좋겠다는 생각에 말씀드린겁니다.
물론 tab 으로 기능을 제공해 주지만,
마우스 오른쪽 클릭하는것이 습관인지라 약간 불편하네요.
기술 문제가 가장 염려가 되기에 구현이 쉽고 여유가 되시면 한번 생각해 주시기 바랍니다.
웹과 어플은 다르고 웹에서 popup 을 구경한것이 구글 캘린더(?) 정도뿐이라서 popup 메뉴 이야기를 꺼낸 당사자로서 뜨끔하네요.
구현했습니다.
스크립트에 의존하는지라 브라우저 호환성이 좋지가 않네요. 팝업창이 닫힌 후 페이지 새로고침이 IE10에서는 정상적으로 안됩니다. (#listing 책갈피가 안먹힘)
IE가 스크립트 엔진을 뭘 쓰는진 모르겠지만 성능이 정말 안좋습니다.
탭메뉴에 있는 2가지 기능을 넣었습니다. 이름 바꾸기, 삭제. IE8에서 파일다운이 안되는 버그가 있어서 (인코딩문제) 호환 다운도 넣구요.
IE만 아니면 다 좋은거 같아요.
이거 버그인가요? 파일명 수정할려고 하는데 에러가 나오네요.
파일명 수정을 할려면 하는데 인수 어쩌구 에러 나오네요.
그리고 나중 최종 사용자한테 오픈하실때쯤에는 에러 내용도 사용자 눈높이에 맞추어 주세요.
땡땡땡 때문에 파일 이름 변경에 실패했습니다. 라는 것은 용납되어도
아래와 같은 메시지는 디버깅 메시지이지 사용자 메시지가 아니라고 생각합니다.
---------------------------------------------------
인수가 잘못되었습니다!
Wrong post_type : 3
참고) 파일 : 한예린v1.jpg
감사합니다.
갈길이 멀죠. 네
제가 언급한 기능들만 완성이 되었습니다