スケッチテスト項目の回顧

プロジェクト名:スケッチテスト

開発環境：

Tomcat 8.0.x / JSP 2.3 / Servlet 3.1 / Open JDK 1.8.x / MariaDB 10.1.x UTF-8

開始点

딱히 없다. 포트폴리오도 만들어야하고 그냥 무언가 만들어 보고 싶던 와중에 
당장 눈에 보이는 결과물을 찾게 되었고 그림판만 만들기엔 너무 식상해서 
스케치 퀴즈로 방향을 돌렸다.
생소한 프레임워크로 도전해보려다가 난관에 부딪히고 방향을 바꾸긴 했지만 
이 또한 나중에 언급할 것 이다.

Structure Setting

회원가입(register.html) → 회원가입 유효성 검사(regcheck.jsp) → 로그인(login.jsp) → 

로그인 유효성 검사(logincheck.jsp) → 인덱스페이지(index.jsp) → 문제 제작(canvas.jsp) → 

문제 제출(send.jsp) → 문제 풀기(viewquize.jsp) → 로그 제출 → 

문제 정답 여부 확인(answercheck.jsp) → 다음 문제 이동(viewquize.jsp) 및 해당 계정 스코어 +1;

Table Structure

userinfo [id(varchar(30)),pw(varchar(30)),score(int)] 

imagedata [id(varchar(30)),src(longtext),num(int),answer(varchar(30))]

quizelog [num(int),id(varchar(30)),quizenum(int),userinput(varchar(30)),
answer(varchar(30)),result(varchar(4)),time(datetime)]

今回の符号化過程で経験したいくつかの苦しみを以下に示す。

public String sha256(String pw) {
    String SHA = "";
    MessageDigest sh;
    try
    {
        sh = MessageDigest.getInstance("SHA-256");
        sh.update(pw.getBytes());
        byte byteData[] = sh.digest();
        StringBuffer sb = new StringBuffer();
        for(int i=0; i<byteData.length;i++)
            sb.append(Integer.toString((byteData[i]&0xff) + 0x100, 16).substring(1));
        return SHA = sb.toString().substring(3,15); //SHA256인코딩 후 중간문자 12개만 추출.
    } catch (NoSuchAlgorithmException e) {
        System.out.println("err");
        e.printStackTrace();
    }
    return SHA;
}

                Savefile s = new Savefile();
                Date now = new Date();
                SimpleDateFormat sf = new SimpleDateFormat("yyyyMMddhhmmss");
                String filename = sf.format(now)+id+".png";
                Savefile.img.decodeStringtoFile(url.substring(22),"tomcat/webapps/img/"+filename);
                


       
               public static void decodeStringtoFile(String encodesString, String outputFileName) throws IOException 
               {
               BASE64Decoder base64Decoder = new BASE64Decoder();
               InputStream inStream = new ByteArrayInputStream(encodesString.toString().getBytes("UTF-8"));
               BufferedOutputStream outStream = new BufferedOutputStream(new FileOutputStream(outputFileName));
               base64Decoder.decodeBuffer(inStream, outStream);
               inStream.close();
               outStream.close();
               }

지인에게 테스트를 부탁하고 피드백 받는 중 되돌리기 기능이 필요 하다는 요청이 있었다.

곧 바로 구현을 시작 했고 첫 번째 떠오르는 자료 구조는 Stack이었다.

유저가 한 획 그을 때 마다 Canvas를 저장 하고 Base64로 인코딩해서 Push했다. (~~Base64 참 좋아한다.~~)

배열에 넣고 UNDO를 실행 할 때 마다  배열에서 Pop해서 Canvas를 새롭게 덮어서 그려주었다.

위에서 언급했듯이 다수가 이용하는 환경에 관리자가 사진을 하나하나 검토하기 힘들다는 전제하에
유저들에게 신고를 접수 받고 접수받은 건에 대해서만 웹에서 관리 할 수 있으면 어떨까.
우선 관리자 계정을 먼저 구분할 방법이 필요했고 다음과 같이 테이블을 하나 더 작성했다.

Create table admin(permission varchar(30));

일종의 Whitelist다. 여기 테이블에 등록 된 아이디는 관리자인 셈.

관리자 로그인시 관리자페이지 버튼이 보이도록 코드를 작성했다.    

if(session.getAttribute("admin") == "1") {%>
     <button>관리자 페이지</button> 
<%}%>