[zipDirDownLoad]

대상 폴더를 압축해 zip 파일로 생성(compressDir, compressFile)후, 생성한 zip 파일을 response에 담아서 client에 보낸다.

package com.study.controller;

import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.util.zip.ZipInputStream;
import java.util.zip.ZipOutputStream;
import java.util.zip.ZipEntry;
import java.util.zip.ZipFile;
import java.io.File;

   /**
    * @param targetDirPath 압축할 폴더 경로
    * @param outputPath 출력파일 경로
    * @param outputFileName 출력파일명
    * @description 폴더 압축 메소드
    */
    @SuppressWarnings("resource")
    protected void zipDirDownLoad(HttpServletResponse response, String targetDirPath, String resultPath, String resultFileName) throws Exception {
        // 파일명에 .zip이 없는 경우, .zip 을 붙여준다.
        int pos = resultFileName.lastIndexOf(".") == -1 ? resultFileName.length() : resultFileName.lastIndexOf(".");
        if (!resultZipName.substring(pos).equalsIgnoreCase(".zip")) {
            resultFileName += ".zip";
            }
        
        // 압축 대상 파일 존재 여부체크
        File targetDir = new File(targetDirPath);
        if (!targetDir.exists()) {
            response.getWriter().println("<script>alert('File Not Found');history.back();</script>");
            logger.error("TargetDir does not exist.");
            }

        // 파일출력 스트림
        FileOutputStream fos = null;
        // 압축파일출력 스트림
        ZipOutputStream zos = null;
        try {
            fos = new FileOutputStream(new File(resultPath + resultFileName));  // 파일 객체(new File(resultPath + resultFileName))에 쓸 파일출력 스트림
            zos = new ZipOutputStream(fos); // zip output stream
            
            // 디렉토리 검색를 통한 하위 파일과 폴더 검색 및 압축
            compressDir(targetDir, targetDir.getPath(), zos);
            
            } finally {
                if (zos != null) zos.close();
                if (fos != null) fos.close();
                }
        
        // 압축 파일을 response로 보내기
        File resultZipFile = new File(resultPath + resultFileName);
        FileInputStream fis = new FileInputStream(resultZipFile);
        
        // 파일명 인코딩 설정
        String userAgent = request.getHeader("User-Agent");
        if(userAgent.contains("Edge") || userAgent.contains("MSIE") || userAgent.contains("Trident")) {
            resultZipName = URLEncoder.encode(resultZipName, "UTF-8").replace("\\+", "%20");
        } else if(userAgent.contains("Chrome") || userAgent.contains("Opera") || userAgent.contains("Firefox")) {
            resultZipName = new String(resultZipName.getBytes("UTF-8"), "ISO-8859-1");
        }
        
        byte[] byteFile = new byte[(int) resultZipFile.length()];
        fis.read(byteFile);    // 주어진 배열 byteFile만큼의 데이터를 읽어서 byteFile에 저장하고 읽은 바이트 수를 반환
        
        response.setContentType("application/zip");
        response.setContentLength(byteFile.length);
        
        response.setHeader("Content-Disposition",  "attachment; filename=\""+resultFileName+"\"");
        response.getOutputStream().write(byteFile); // 주어진 배열 byteFile에 저장된 모든 내용을 출력소스에 쓴다.
        
        if(fis != null) fis.close();
        if(resultZipFile.exists()) resultZipFile.delete();
    }

[ compressDir ]

디렉토리를 파일 인자로 받아서 내용 파일들의 디렉토리여부에 따라 분기 처리

    /**
     * @param file 현재 파일
     * @param resultRootPath 루트 경로
     * @param zos  압축 스트림
     * @description 디렉토리 탐색 및 분기
     */
    private void compressDir(File file, String resultRootPath, ZipOutputStream zos) throws Exception {
        // 인자로 주어진 파일이 디렉토리인지 파일인지에 따라 분기
        if (file.isDirectory()) {
            // 디렉토리일 경우 재귀
            File[] files = file.listFiles();
            for (File f : files) {
                compressDir(f, resultRootPath, zos);
                }
            file.delete();
            } else {    // 파일일 경우 압축을 한다.
                compressFile(file, resultRootPath, zos);
                }
	}

[ compressFile ]

분기처리 중 디렉토리가 아닌 파일일 경우 실질적으로 압축 수행

    /**
     * @param file 현재 파일
     * @param resultRootPath 루트 경로
     * @param zos  압축 스트림
     * @description 파일 압축 메서드
     */
    private void compressFile(File file, String resultRootPath, ZipOutputStream zos) throws Exception {
        FileInputStream fis = null;
        try {
            String zipFileName = file.getPath().replace(resultRootPath + "\\", "");
            // 파일을 읽어들임
            fis = new FileInputStream(file);
            // Zip엔트리 생성
            ZipEntry zipentry = new ZipEntry(zipFileName);  // zipFileName을 이름으로 가지는 zipEntry 생성
            // 스트림에 밀어넣기(자동 오픈)
            zos.putNextEntry(zipentry);         // zip entry를 쓰고, 엔트리 데이터 시작에 stream을 위치시킴
            int length = (int) file.length();   // 파일의 길이
            byte[] buffer = new byte[length];   // 파일의 길이만큼의 버퍼
            fis.read(buffer, 0, length);        // 최대 length개의 byte를 읽어서, 배열 buffer의 지정된 위치(0)부터 저장하고 읽은 바이트 수 반환
            zos.write(buffer, 0, length);       // 주어진 배열 buffer에 저장된 내용 중에서 0번째 부터 length만큼만을 읽어서 출력소스에 쓴다.
            zos.closeEntry();                   // 현재 zip entry를 닫고 다음 엔트리 작성을 위해 위치함 
            } finally {
                if (fis != null) fis.close();
                if (file != null && file.exists())file.delete();
                }
	}

1. getElementsBy~ ()이용

document.getElementsBytagName('태그명')

document.getElementsByClassName('클래스명')

document.getElementById('아이디')

2. querySelector()이용

document.querySelector('태그명')

document.querySelector('.클래스명')

document.querySelector('#아이디')

🚨error: class 클래스명 is public, should be declared in a file named 파일명.java

[일반적]

❓원인 : 클래스명과 파일명이 일치하지 않음.

❗해결 : 클래스명과 파일명을 같게 바꿔주기

[다른 경우]

이 위치에 저장할 권한이 없습니다.

권한을 얻으려면 관리자에게 문의하십시오.

대신 문서 폴더에 저장하시겠습니까?

❓원인 : .java 파일 저장 시에 드라이브에 권한이 없어서 .java파일을 다른곳에 저장한 후 위치를 옮긴 후 컴파일 시도

❗해결 : 쓰기 권한 변경 후 바로 드라이브에 저장

　　└> 참조 : https://m.blog.naver.com/toruin84/222866356784

*디자인만을 위한 태그 2가지*

<div> : block element

<span> : inline element

그리드 사용

#id{
	display : grid;
  	grid-template-columns: 150px 1fr; <!---첫번째 그리드의 넓이 1fr(화면 분할, 2fr, 3fr 등)
    }
    
#id #first {	<!--id안에 first라는 div 선택--!>
}
<div id = "id">
	<div id = "first">
   		content1
    </div>
    <div>
   		content2
    </div>
</div>

1. 선택자로 CLASS를 사용 : .class이름

ex) 틀린 예 - 적용 안됨

<style>
	saw{	/!--saw 라는 태그를 선택--!/
    ....
    }
</style>

<li><class = "saw"> HTML </li>
<li><class = "saw"> CSS </li>

ex) 올바른 예

<style>
	.saw{		<!-- class가 saw인 태그를 선택 --!>
    ....
    }
</style>

<li><class = "saw"> HTML </li>
<li><class = "saw"> CSS </li>

2. class 를 여러개 설정, 제어 가능

ex)

class = " saw active"

.active{

}

.saw{

}

=>saw선택자의 property 적용

단, 명령의 순서에 따라서 적용이 다르게 됨.

3. ID 사용 : #id이름

ex)

class = " saw" id="active"

#active{

}

.saw{

}

=>active선택자의 property 적용

※선택자 우선 순위 : id>class>tag | 같은 선택자 유형은 가장 마지막이 적용

★id는 페이지 내에서 한번만 사용 가능함★

ex)
<!--가능--!>
<style>
	.a{
    }

<p><class = "a">Hi</p>
<p><class = "a">Hello</p>

<!--불가능--!>
<p><id = "a">Hi</p>
<p><id = "a">Hello</p>

<!--가능--!>
<p><id = "a">Hi</p>
<p><id = "b">Hello</p>

|CSS Selectors|

웹에 css를 삽입하는 두가지 방법

1. 헤드에 스타일 태그를 쓴다.

2. 스타일 속성을 쓴다.