• 정보은닉: private으로 정보은닉하면 외부에서 읽을 수 없다
• 정보은닉의 단계: private → default → protected → public

• 캡슐화: 정보은닉된 클래스를 set, get메서드를 통하여 외부에서 읽고 쓸 수 있게 된다.
• 마우스 오른쪽 클릭 → source → Generate getter and setter... 를 통해 자동으로 소스를 생성할 수 있다.

✅필드캡슐화

package vo;

public class Data {
    public int x; 
    private int y;
}

package vo;

public class Data2 {
    public int x; 
    private int y;
}

    // 필드가 정보은닉이 안된 Data클래스 (x,y는 public이므로 외부에서 읽기, 쓰기 가능)
    Data d = new Data();
    d.x = 7;
    d.y = 10;
    System.out.println(d.x); 
    System.out.println(d.y);

    Data2 d2 = new Data2();
    d2.x = 7; 
    // d2.y = 10; // Data2클래스의 y 필드는 private으로 정보은닉 되어있다 (즉, d2.y는 읽기, 쓰기 불가능)
    System.out.println(d2.x); 
    // System.out.println(d2.y);

package vo;
// 필드(속성)정보은닉 + 필드캡슐화
public class Data3 {
    private int x; // 정보은닉
    private int y; // 정보은닉

    public int getX() { // getX를 호출하면 읽기 가능 -> 읽기 캡슐화 메서드
        return this.x;
    }
    public int getY() { // getY를 호출하면 읽기 가능 -> 읽기 캡슐화 메서드
        return this.y;
    }

    public void setX(int x) { // getX를 호출하면 쓰기 가능 -> 쓰기 캡슐화 메서드
        /*
        if(x<0) { // 입력값은 양수만 가능하게 함
            return;
        }
        */
        this.x = x;
    } // int값 x를 입력받아서 this.x에 저장하고, 반환값은 없으므로 void
    public void setY(int y) { // getX를 호출하면 쓰기 가능 -> 쓰기 캡슐화 메서드
        this.y = y;
    } // int값 y를 입력받아서 this.y에 저장하고, 반환값은 없으므로 void

    // static메서드는 클래스이름.메서드로 쓰기 때문에 this를 쓸수 없다
}

    Data3 d1 = new Data3();
    Data3 d2 = new Data3();

    d1.setX(777);
    d2.setX(444);

    System.out.println(d1.getX()); // getX의 this -> d1 -> 반환값 777
    System.out.println(d2.getX()); // getX의 this -> d2 -> 반환값 444

✅메서드 캡슐화

package vo;
// 메서드 캡슐화
public class A {
    private String getFirstName() { // 메서드 정보은닉
        return "구디";
    }
    private String getSecondName() {
        return "아카데미";
    }
    public String getFullName() {
        return this.getFirstName()+this.getSecondName();
    }

    /*
    public static void main(String[] args) {
        A a = new A();
        String name = a.getFullName();
        System.out.println(name);
    }
    */
}

    A a = new A();
    String name = a.getFullName();
    System.out.println(name);

    // 메서드가 private으로 정보은닉되어 있어 읽고 쓸 수 없다.
    // String fname = a.getFirstName();
    // System.out.println(fname);

✅캡슐화의 장점

캡슐화를 하면 메서드에서 데이터값의 범위를 정할 수 있다.

package vo;

import java.util.Calendar;

public class Person {
    private int birth; //필드 은닉
    /*
    private int getBirth() { //getter(메서드) 은닉 -> 사용하지 않으므로 삭제해도 무방
        return birth;
    }
    */

    public void setBirth(int birth) {
        if(birth>0) { // birth는 0보다 큰 값만 저장 가능
            this.birth = birth;
        }
    }

    public int getAge() {
        if(this.birth > 0) { //birth가 0보다 클 때에만 age출력
            Calendar c = Calendar.getInstance();
            int y = c.get(Calendar.YEAR);

            return y-this.birth;
        }
        return 0; // 아닌 경우는 0 출력
    }
}

    Person 루피 = new Person();
    루피.setBirth(1995);
    // System.out.println(루피.getBirth()); // getBirth은닉되어 있어 출력할 수 없다
    System.out.println(루피.getAge());

✅RDBMS

데이터베이스: 논리적 단위(행)들로 이루어진 관련 정보의 집합

1. 행의 수가 많으면 원하는 정보를 찾는데 오래 걸린다.
2. index가 되어있다면 조회속도는 빨라지나 입력,출력 속도는 느려진다. (마리아DB는 primary key, foreign key에 인덱스, 오라클은 primary key에만 인덱스)
3. 출력된 이후에는 데이터를 추가하거나 기존의 데이터의 수정/삭제가 어렵다.

관계형 모델: 데이터를 테이블의 집합으로 표현

1. 포인트를 사용하여 관련 Entity(행)을 조회하는 대신, 중복데이터를 사용하여 서로 다른 테이블의 레코드를 연결
2. 이상현상(삽입이상, 갱신이상, 삭제이상)을 예방하기 위하여 정규화 (출처: https://cafe.naver.com/jjdev)

⌨️페이징(Pagination)응용

구글링을 통해 직접 방법을 찾아 이전, 현재, 다음이 아닌 페이지 블럭을 설정하여 페이징을 구현하였다. (출처: https://beaniejoy.tistory.com/26?category=981157)

💪느낀점

처음에는 정말 직접 찾아서 할 수 있을까 걱정했는데 여러 방법들을 읽고 찾아보면서 지금까지 배우고 연습한 내용으로도 충분히 이해가 가능했다. 앞으로도 시간이 있을 때마다 원하는 기능들을 찾아서 적용해봐야겠다.

UNION ALL이 두 테이블의 행을 합치는 것이었다면 JOIN문은 두 테이블의 열을 합치는 것이다.

SELECT board_no, board_title
FROM board
WHERE board_no = 1000;

SELECT comment_no, board_no, comment_content
FROM comments
WHERE board_no = 1000;

SELECT b.board_title, b.board_no, c.board_no, c.comment_content
FROM board b INNER JOIN comments c
ON b.board_no = c.board_no
WHERE b.board_no = 1000
ORDER BY c.createdate DESC;
-- JOIN문의 조건은 ON으로 나타낸다

💪느낀점

• 오늘 JOIN문을 배웠지만 실제 과제에서는 JOIN문을 사용하지 않았다. 하지만 요구사항에 따라 JOIN문을 사용해야하는 경우가 있기 때문에 꼭 익혀놓자.
• ❗유효성 검사가 끝난 후 변수에 요청값을 저장하고 나면 vo타입으로 묶는다

다른 테이블의 기본키를 참조하는 키이다.

✅HashMap

• VO타입(클래스) 대신 HashMap<키 타입, 값 타입>에 조회한 데이터를 저장한다
• HashMap은 테이블에 없는 컬럼(count등)을 출력할 때 사용한다

    // VO타입대신 HashMap타입을 사용

    HashMap<String, Object> map = null; 
    // map이라는 이름을 가진 키(String), 값(Object)의 HashMap타입 변수 -> Object에는 모든 타입이 들어올 수 있다
    // rs.next()가 '참'일때만 map을 만들면 되기 때문에 초기값은 null
    if(rs.next()){
        // System.out.println(rs.getString("localName"));
        // System.out.println(rs.getString("country"));
        // System.out.println(rs.getString("worker"));
        map = new HashMap<String, Object> ();
        map.put("localName", rs.getString("localName")); // map.put(키이름, 값)
        map.put("country", rs.getString("country"));
        map.put("worker", rs.getString("worker"));
    } // 한 행의 HashMap을 만들고 rs의 값을 넣는다
    System.out.println((String)map.get("localName")); // rs.getString("localName")(Object타입)이 String으로 형변환되어 출력된다 

    PreparedStatement stmt2 = null;
    ResultSet rs2 = null;
    // 테이블에 없는 country, worker컬럼 출력
    String sql2 = "SELECT local_name localName, '대한민국' country, 'admin' worker FROM local";
    stmt2 = conn.prepareStatement(sql2);
    System.out.println(stmt2 + " <--localListByMap stmt2");
    rs2 = stmt2.executeQuery();

    ArrayList<HashMap<String, Object>> list2 = new ArrayList<HashMap<String, Object>>();// HashMap<String,Object>타입의 ArrayList를 만든다
    while(rs2.next()){
        HashMap<String, Object> m = new HashMap<String, Object>();
        m.put("localName", rs2.getString("localName")); // map.put(키이름, 값)
        m.put("country", rs2.getString("country"));
        m.put("worker", rs2.getString("worker"));
        list2.add(m);
    } // HashMap타입의 m에 rs의 값을 저장하고 만들어진 행을 list2에 추가한다

✅GROUP BY절

GROUP BY절이 있어야 집계함수를 이용할 수 있다 (이전에 GROUP BY절 없이 사용한 COUNT는 GROUP BY NULL이 생략된 형태)

• GROUP BY : 컬럼별 집계후 집계함수(COUNT, SUM, AVG, MAX, MIN)를 사용하여 집계결과 출력
• WITH ROLLUP : GROUP BY의 확장절로 group by되지 않은 전체 집계함수의 결과도 같이 출력
• IFNULL(x, y) 함수 : x의 값이 null이면 y값으로 출력, null이 아니면 x값 출력
• UNION ALL 집합연산자 : 두 select쿼리의 결과를 결합 출처: https://cafe.naver.com/jjdev

-- GROUP BY절 집계함수
SELECT local_name, AVG(board_no) FROM board GROUP BY local_name;

SELECT local_name, COUNT(local_name) FROM board GROUP BY local_name;

-- WITH ROLLUP
SELECT IFNULL(local_name, '전체'), COUNT(local_name)
FROM board
GROUP BY local_name WITH ROLLUP;

-- UNITON ALL
SELECT local_name, COUNT(local_name) FROM board GROUP BY local_name
UNION ALL
SELECT '전체', COUNT(local_name) FROM board;

💪느낀점

과제할 때 필요한 SQL을 조금씩 배워서 적용하고 있다. SQL을 잘 사용하면 훨씬 간단하게 원하는 내용을 출력할 수 있기 때문에 앞으로 과제나 프로젝트를 위해 충분한 연습을 해야겠다.

✅웹애플리케이션 사용자

• 브라우저 별 하나의 사용자 개념이다 (크롬과 엣지는 다른 사용자이고 같은 크롬도 브라우저별로 다른 사용자이다)

• 웹서버는 사용자가 처음 접근하면 세션ID값을 부여하여 관리한다
• 웹서버는 부여한 세션ID값을 이용하여 동일한 사용자인지 구분한다(로그인 되면 마이페이지 등 로그인정보에 맞는 메뉴사용가능)
• 일정시간(디폴트 30분) 동안 연결이 없으면 웹서버는 세션ID를 삭제한다 출처: https://cafe.naver.com/jjdev

⌨세션ID확인, 세션강제갱신

// 세션ID확인
session.getId();

// 세션갱제갱신 (이전 세션 종료)
session.invalidate();

✅서버측 데이터 저장장소

• page: 페이지 내에서만 사용 가능하고 페이지를 벗어나면 저장데이터(변수) 소멸

• session: 개별(브라우저 사용자) 클라이언트가 접근하는 모든 페이지에서 사용가능하고 일정 시간동안 접속 정보가 없으면 소멸
• application: 톰캣과 같은 WAS프로그램내에 모든 사용자가 접근가능(공유)하며 WAS가 종료되면 소멸 출처: https://cafe.naver.com/jjdev

    // 페이지 변수는 다른페이지에서 호출할 수 없다 -> 컴파일 에러
    String name = "page local variable : apple";
    // 페이지 속성 변수는 다른페이지에서 호출은 가능하지만 null값이 호출된다.
    pageContext.setAttribute("x", "pageContext:apple");

    // 세션에 저장된 내용은 다른 페이지에서도 호출 가능
    session.setAttribute("y", "session:banana");

✅로그인기능 구현하기

    // db에 폼에서 입력한 id(기본키)와 pw가 일치하는 행이 있으면 -> 로그인 성공, 없으면 -> 실패
    // select * from member where id=? and pw=?

    final String tableId = "admin";
    final String tablePw = "1234";

    if(tableId.equals(id) && tablePw.equals(pw)) {
        System.out.println("loginAction 로그인 성공");
        // 로그인 성공 정보(사용자 ID만)를 세션에 저장
        session.setAttribute("loginId", id);
        response.sendRedirect(request.getContextPath()+"/home.jsp");
    } else {
        System.out.println("loginAction 로그인 실패");
        String msg = URLEncoder.encode("ID와PW 다시입력", "utf-8");
        response.sendRedirect(request.getContextPath()+"/loginForm.jsp?msg="+msg);
    }

💪느낀점

• 오늘 배운 내용은 간단한데 머리속에서 정리가 안되는 느낌이다;;

1. 로그인 id와 pw가 DB에 있으면 해당 값을 세션에 저장
2. 로그아웃은 세션강제종료
3. 로그인 후 이용가능한 메뉴는 세션에 값이 존재하는 경우(null이 아닌 경우)

   // 로그인
   session.setAttribute("id", "admin");
   // 로그아웃
   session.invalidate();
   // 로그인 상태에서만 사용가능
   if(session.getAttribute("id") != null){
   }

✅request.getParameterValues()

• request.getParameterValues()로 input태그의 값들을 받으면 String배열로 값을 받는다
• 선택을 하지 않는 경우에는 null로 들어온다는 점을 유념하자(유효성검사를 하는 이유!)

<form action="#" method="get">
        <input type="checkbox" name="fruit" value="apple">사과
        <input type="checkbox" name="fruit" value="orange">오렌지
        <button type="submit">검색</button>
</form>

    if(request.getParameterValues("fruit") != null) {
        for(String s : request.getParameterValues("fruit"))    {
            System.out.println(s);    
        }
    }

⌨월별 검색

• 1~12월의 checkbox를 만들고 선택된 월의 데이터만 보여주기

• 월이 선택된 개수에 따라 쿼리의 ?의 개수가 달라지는 부분을 주의한다

    //check박스의 값들이 잘 들어오는지 확인한다 
    System.out.println(request.getParameterValues("ckMonth"));
  
    // String배열 변수 ckMonth에 파라미터값들을 담는다
    String[] ckMonth =  request.getParameterValues("ckMonth");
  
    // 추후 where절에서 DB의 월과 비교할 때 DB의 값은 숫자이기 때문에 숫자 배열로 형변환한다
    int[] intCkMonth = null; // int[] 대신에 ArrayList<Integer>를 사용할 수 있다
    if(ckMonth != null) {
        intCkMonth = new int[ckMonth.length]; // ckMonth길이이 같은 수
        for(int i=0; i<intCkMonth.length; i+=1) {
            intCkMonth[i] = Integer.parseInt(ckMonth[i]);
        }
    }
  
    String sql = null;
    PreparedStatement stmt = null;
  
    if(intCkMonth == null) { // 선택된 월이 없으면 전체 데이터를 보여준다
        sql = "SELECT * FROM employees LIMIT ?, ?";
        stmt = conn.prepareStatement(sql);
        stmt.setInt(1, startRow);
        stmt.setInt(2, rowPerPage);
    } else { // 선택된 월이 1개 이상일 때 
        sql = "SELECT * FROM employees WHERE MONTH(hire_date) IN (?";
        // 쿼리에 ?의 개수를 셋팅
        for(int i=1; i<intCkMonth.length; i+=1) {
            sql += ",?";    
        }
        sql += ") LIMIT ?, ?";
  
        stmt = conn.prepareStatement(sql);
  
        // 쿼리에 ?값을 셋팅
        for(int i=0; i<intCkMonth.length; i+=1) {
            stmt.setInt(i+1, intCkMonth[i]);
        }
        stmt.setInt(intCkMonth.length+1, startRow);
        stmt.setInt(intCkMonth.length+2, rowPerPage);
    }
    System.out.println(stmt); // 쿼리 디버깅

  💪느낀점

• 몸이 너무 안좋아서 오후에 조퇴했는데 오전에 오늘 진도는 다 들을 수 있어서 다행이었다. 남은 기간에는 건강관리를 더 잘해서 개발공부에 더 집중할 수 있도록 하자.

-- =, <, > 연산자는 문자, 숫자 모두 사용가능하다
SELECT * FROM employees
WHERE gender = 'M' 
LIMIT 0, 10;

SELECT * FROM employees
WHERE emp_no = 10005; 

SELECT * FROM employees
WHERE emp_no < 10005;

SELECT * FROM employees
WHERE first_name < 'C';

-- IN, BETWEEN AND 연산자를 이용하여 반복없이 가독성 높은 sql을 작성할 수 있다.

SELECT * FROM employees
WHERE emp_no = 10005 OR emp_no = 10008;

SELECT * FROM employees
WHERE emp_no IN (10005, 10008);

SELECT * FROM employees
WHERE emp_no >= 10005 and emp_no <= 10008;

SELECT * FROM employees
WHERE emp_no BETWEEN 10005 and 10008;

-- 부분적으로 일치하는 행 찾기

SELECT * FROM employees
WHERE first_name LIKE 'Anneke';

SELECT * FROM employees
WHERE first_name = 'Anneke';

-- first_name이 A로 시작하는 행
SELECT * FROM employees
WHERE first_name LIKE 'A%';

-- first_name이 A로 끝나는 행
SELECT * FROM employees
WHERE first_name LIKE '%a';

-- first_name에 ab가 들어가는 행
SELECT * FROM employees
WHERE first_name LIKE '%ab%';

-- 이름 세글자 중 미가 들어가는 행
SELECT * FROM 학생
WHERE 이름 LIKE '_미_';

✅이름검색

searchWord가 없는 경우는 전체를 보여주고, searchWord가 있는 경우는 이름에 해당 알파벳이 포함된 데이터만 보여준다

// 동적쿼리
    String sql = null;
    PreparedStatement stmt = null;
    if(searchWord.equals("") == true) { // searchWord 초기값은 공백
        sql = "SELECT * FROM employees ORDER BY emp_no ASC LIMIT ?, ?";
        stmt = conn.prepareStatement(sql);
        stmt.setInt(1, startRow);
        stmt.setInt(2, rowPerPage);
    } else {
        /*
            SELECT * FROM employees 
            WHERE CONCAT(first_name, ' ', last_name) LIKE ?
            ORDER BY emp_no ASC 
            LIMIT ?, ?
            // concat은 문자열을 합치는 함수
        */
        sql = "SELECT * FROM employees WHERE CONCAT(first_name, ' ', last_name) LIKE ? ORDER BY emp_no ASC LIMIT ?, ?";
        stmt = conn.prepareStatement(sql);
        stmt.setString(1, "%"+searchWord+"%");
        stmt.setInt(2, startRow);
        stmt.setInt(3, rowPerPage);
    }

✅ANSI코드: System.out.println() 출력색상 변경

• console에 출력된 디버깅코드들의 가독성이 높아진다.
• 팀프로젝트시 팀원들의 코드를 구별할 수 있다. https://cafe.naver.com/jjdev

💪느낀점

• 어제 배운 정렬, 성별선택 기능과 검색기능을 어떻게 합칠 수 있을지 고민해보자.
• ANSI코드를 추가하는 것은 손이 한번 더 가는 일이지만 지금부터 습관을 들여서 당연한 일이 되도록 만들자!

✅MariaDB 명령프롬프트 이용한 DB추가

1. 샘플DB파일 압축해제
2. MariaDB command prompt 실행
3. cd 명령으로 압축해제 폴더로 이동 (ex: cd c:\employees)
4. mysql -u root -p명령으로 DB접속
5. source employees.sql; 실행
6. exit명령어로 종료
7. HeidiSQL에서 설치된 DB확인

✅동적쿼리

동적쿼리는 파라미터값에 따라 달라질 수 있는 쿼리를 말한다

✅컬럼별 정렬(ORDER BY절)

    /*
        데이터를 가져오기 위한 sql
        SELECT 
            emp_no empNo, 
            birth_date birthDate, 
            first_name firstName, 
            last_name lastName, 
            gender gender, 
            hire_date hireDate
        FROM employees
        ORDER BY emp_no ASC
        LIMIT ?, ?
        # order by를 지정하지 않고 select에 기본키(emp_no)가 있으면 기본키 오름차순으로 정렬된다 
        -> 변수 col과 ascDesc의 초기값
    */
    String col = "emp_no";
    String ascDesc = "ASC";
    if(request.getParameter("col") != null 
            && request.getParameter("ascDesc") != null) {
        col = request.getParameter("col");
        ascDesc = request.getParameter("ascDesc");
    }

    String sql = "SELECT emp_no empNo, birth_date birthDate, first_name firstName, last_name lastName, gender gender, hire_date hireDate 
                    FROM employees ORDER BY "+col+" "+ascDesc+" LIMIT ?, ?";
    // 컬럼과 정렬방식 파라미터에 따라 쿼리가 달라진다

✅데이터 검색(WHERE절)

성별에 따라 달라지는 출력결과

    /*
        SELECT 
            emp_no empNo,
            birth_date birthDate,
            first_name firstName,
            last_name lastName,
            gender gender,
            hire_date hireDate
        FROM employees
        LIMIT ?,?
    */
    //쿼리생성
    String sql = null;
    PreparedStatement stmt = null;
    if(gender.equals("")) {
        sql = "select emp_no empNo, birth_date birthDate, first_name firstName, last_name lastName, gender gender, hire_date hireDate from employees limit ?,?";
        stmt = conn.prepareStatement(sql); // ? 2개
        stmt.setInt(1,startRow);
        stmt.setInt(2,rowPerPage);
    } else {
        sql = "select emp_no empNo, birth_date birthDate, first_name firstName, last_name lastName, gender gender, hire_date hireDate from employees where gender = ? limit ?,?";
        stmt = conn.prepareStatement(sql); // ? 3개
        stmt.setString(1, gender);
        stmt.setInt(2,startRow);
        stmt.setInt(3,rowPerPage);        
    }
    /* 
        gender를 선택하지 않으면 전체 데이터를 보여주고 성별을 선택하면 
        where절이 추가되어 해당 성별만 보여준다
   */

💪느낀점

• 정렬과 검색을 따로따로 구현할 때는 크게 어렵지 않았는데 모든 조건을 함께 구현하려고 하니 복잡도가 훨씬 증가한다. 각각의 상황에 맞게 쿼리를 분기해야 해서, 모든 경우의 수를 놓치지 않도록 꼼꼼하게 코드를 작성해야겠다.
• 무작정 코드를 줄이기 보다는 깔끔하면서도 가독성이 좋은 코드를 작성하기 위해 고민하자.

• 자료구조에는 set, list, map이 있다. set은 자료순서가 없고, list는 인덱스가 있기 때문에 순서가 있다.
• 따라서 특정환경에서만 사용하는 자료구조API인 ResultSet을 모든 자바코드에서 사용 가능한 일반적인 자료구조타입(list 혹은 다른VO타입)으로의 변경이 필요하다
• 결과값이 여러행인 경우에는 ArrayList로 변경하면 되고, 하나인 경우 int나 VO타입과 같이 결과값과 일치하는 타입으로 변경하면 된다

⌨결과값이 한 행인 경우

ResultSet타입의 rs를 Notice타입으로 변경한다

ResultSet rs = stmt.executeQuery();
    // 모델데이터 
    Notice notice = null; // int totalCnt; ArrayList<Notice> list
    // Notice notice = new Notice();
    if(rs.next()) {
        notice = new Notice();
        notice.noticeNo = rs.getInt("notice_no");
        notice.noticeTitle = rs.getString("notice_title");
        notice.noticeContent = rs.getString("notice_content");
        notice.noticeWriter = rs.getString("notice_writer");
        notice.createdate = rs.getString("createdate");
        notice.updatedate = rs.getString("updatedate");
    }

⌨결과값이 여러 행인 경우

ResultSet타입의 rs를 ArrayList로 변경한다

ResultSet rs = stmt.executeQuery();    
    // 자료구조 ResultSet타입을 일반적인 자료구조타입(자바 배열 or 기본API 자료구조타입 List, Set, Map)
    // ResultSet -> ArrayList<Notice>
    ArrayList<Notice> noticeList = new ArrayList<Notice>();
    while(rs.next()) {
        Notice n = new Notice();
        n.noticeNo = rs.getInt("noticeNo");
        n.noticeTitle = rs.getString("noticeTitle");
        n.createdate = rs.getString("createdate");
        noticeList.add(n);
    }

💪느낀점

• 내가 만들어가는 페이지에 새로 배운 부분이 얹어지면서 점점 나아지고 있는 것에 뿌듯함이 느껴지고, 앞으로 새로운 기능을 구현하게 될 것이 벌써부터 기대된다!
• 과제로 ResultSet타입을 다른 자료구조로 바꾸라고 하셨을 때 아무런 생각없이 ArrayList로 모두 바꾸고 있었다. 그런데 다른 분들의 질문으로 한 행일 경우에는 list로 받을 필요가 없다는 것을 깨달았다. 이 부분은 정말 생각지도 않고 있었다;; 그냥 복사-붙여넣기가 아니라 왜 이 코드가 작성되어야 하는지를 생각하며 코드를 작성해야 함을 항상 잊지말자!

✅오늘의 작업

• home.jsp : 오늘의 일정 부분을 추가
• scheduleList.jsp : 달력을 출력하고 해당 날짜의 일정 일부분을 보여준다
• scheduleListByDate.jsp : 하루의 일정 리스트와 일정을 추가할 수 있는 폼을 보여준다
• insertScheduleAction.jsp : 일정을 추가하면 mariaDB에 일정이 추가된다
• updateScheduleForm.jsp : 일정을 수정하는 폼
• updateScheduleAction.jsp : 일정을 수정하면 mariaDB에서 일정이 수정된다
• deleteScheduleForm.jsp : 일정을 삭제하는 폼
• deleteScheduleForm.jsp : 일정을 삭제하면 mariaDB에서 일정이 삭제된다

💪느낀점

• 오늘 마지막에 시간에 쫓기듯이 코딩을 하느라 제대로 생각하고 하지 못하고 복붙만 하다 끝났다. 수업시간에 부족한 부분은 집에서 하면 되니까 조급해하지 말고 차근차근 하나라도 제대로 끝내도록 하자!
• 스스로에 대해 믿음을 가지고 서두르지 말자!
• 그래도 공지부분과 비슷한 내용이 반복되니 코딩이 조금은 익숙해진 것 같다.
• ❗❗ 디버깅과 주석은 아무리 강조해도 모자라다 ❗❗

✅오늘의 작업

• updateNoticeForm.jsp : 공지상세내용을 수정할 수 있다
• updateNoticeAction.jsp : 공지를 수정하면 mariaDB에서 수정된다

💪느낀점

• 가장 중요한 것은 능동적으로 배우는 태도. 내가 작성하는 코드 한자 한자 무슨 의미인지 정확하게 이해하고 누군가에게 보여주기 위해서가 아닌 스스로 훈련하는 자세로 연습하자.
• 모든 코드에는 이유가 있다. 특히 디버깅코드는 실제로 확인까지 완료해야 의미가 있는 것이다.

✅오늘의 작업

• home.jsp : 공지사항 5개와오늘의 일정 리스트를 보여준다
• noticeOne.jsp : 공지사항의 상세내용을 보여준다
• noticeList : 공지사항의 전체 리스트를 보여준다

💪느낀점

• 수업시간에 실습한 내용은 코드를 졸면서도 칠 수 있을때까지 연습해야한다. 제한된 시간에 자격증준비까지 효율적으로 할 수 있게 자투리시간 활용하기!

✅MariaDB를 이용하여 데이터베이스 만들기

MariaDB>diary데이터베이스>notice테이블

# table 만드는 SQL쿼리 - DDL(create, alter, drop)
# table 사용을 허가하는 권한 - DCL (grant, revoke)
# table 데이터를 입력/수정/삭제/조회 - DML (insert, update, delete, select)
# select는 데이터를 변경시키지 않아 DML과 따로보는 것이 트렌드!
# TCL(commit, rollback)

# 입력
INSERT INTO notice(
    notice_title, 
    notice_content, 
    notice_writer,
    createdata,
    updatedata
) VALUES(
    '첫번째공지',
    '안녕하세요',
    '구디',
    NOW(),
    NOW()    
);
# COMMIT; #heidiSQL안에 auto commit 옵션 on

# 수정
UPDATE notice SET notice_content='안녕히가세요'
WHERE notice_no = 2;

# 삭제 (데이터는 한 행을 의미하므로 특정한 열만 삭제할 수 없다)
DELETE FROM notice WHERE notice_writer='구디2';

# 조회
SELECT * FROM notice;

# 원하는 행만 조회
SELECT * FROM notice WHERE notice_no=2; 
# 원하는 열만 조회
SELECT notice_no, notice_title FROM notice;

# 정렬(오름차순, 내림차순)
SELECT notice_no, notice_title FROM notice
ORDER BY notice_no DESC;

# 목록에서 504번 글의 제목을 클릭하면 504번 글의 모든 컬럼값을 조회
SELECT * FROM notice WHERE notice_no = 504; 

# 제한된 수의 데이터 조회 (0부터 10개)
SELECT notice_no, notice_title FROM notice
ORDER BY notice_no DESC
LIMIT 0, 10;

❗샘플데이터 만들기

http://www.mockaroo.com/

✅JSP에서 MariaDB의 데이터 불러오기

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.Connection" %>
<%@ page import = "java.sql.DriverManager" %>
<%@ page import = "java.sql.PreparedStatement"%>
<%@ page import = "java.sql.ResultSet" %>
<%
    // select 쿼리를 maiadb에 전송 후 결과셋을 받아서 출력하는 페이지
    // select notice_no, notice_title from notice order by notice_no desc
    // **list는 순서가 있고 중복가능, set은 순서가 없고 중복 불가능

    // 1) mariadb 프로그램을 사용가능 하도록 장치드라이버를 로딩(메모리에 올린다)
    Class.forName("org.mariadb.jdbc.Driver"); 
    // ** Class.forName은 static메소드, 값으로 클래스이름인 String이 들어온다
    System.out.println("드라이버 로딩 성공");

    // 2) mariadb에 로그인 후 접속정보 반환받아야 한다
    Connection conn = null; // 접속정보 타입
    conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","root","비밀번호");
    System.out.println("접속성공" + conn + "<-- conn의 참조");

    // 3) 쿼리생성 수 실행
    String sql = "select notice_no, notice_title from notice order by notice_no desc";
    // 문자열을 쿼리로 바꿔준다
    PreparedStatement stmt = conn.prepareStatement(sql);

    // 쿼리를 실행하고 반환받은 값을 rs에 저장한다
    ResultSet rs = stmt.executeQuery();
    System.out.println("쿼리실행성공" + rs + "<-- rs의 참조");
    // resultset은 순서(번호)가 없어서 foreach문 사용불가
    // ResultSet은 org.mariadb.jdbc.client.result.CompleteResult의 부모타입 ->다형성

%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>noticeList.jsp</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">

    <!-- Latest compiled JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
</head>

<body>
    <div class="container">
        <table class="table table-bordered">
            <tr>
                <th>notice_no</th>
                <th>notice_title</th>
            </tr>

            <%
                // 커서를 한칸씩 내리면서 데이터가 있으면 true, 없으면 false반환
                // while은 false가 나올때까지 반복
                while(rs.next()) {
            %>
                    <tr>
                        <td><%=rs.getInt("notice_no")%></td>
                        <td><%=rs.getString("notice_title")%></td>
                    </tr>
            <%
                }
            %>
        </table>
    </div>
</body>
</html>

💪느낀점

• 나는 수업내용에 대해 받아드릴 시간이 필요한 사람이다. 짧더라도 수업시간에 충분히 오늘의 내용을 음미하지 못했다면 통원시간이나 자기 전 블로그를 통해 다시 연습한 내용을 복기하자!
• 수업과 바로 연결되지는 않지만 정보처리기사의 시험이 얼마 남지 않았다! 과정 내에 정처기 시험은 이번 회차 뿐이므로 자투리 시간 낭비하지 않고 공부하자!

✅문법 복습

• 컴퓨터 랭기지 : 데이터(값) + 기능(연산, 함수)

• 값 : 숫자(1, 3, 10, ...), 내부적으로 숫자에 맵핑된 문자하나 ('A', 'B', '가'), 맵핑 논리값(true, false)
• 값연산(피연산자의 타입이 동일) : +, -, *, /, %, >, <, &&, ||,...
• 변수 : 값을 저장했다가 재사용하기 위해서, 할당연산자(=, +=)
• 타입(자료형) : 변수와 값의 범위(모양) 일치
• byte(1byte), short(2byte), int(4byte), long(8byte), float(4byte), double(8byte), char(2byte), boolean(true, false) --> 변수에 데이터 값이 저장된다 (cf: 8bit = 1byte) (float과 double은 부동소수점 방식) (글자에 어떤 숫자를 맵핑했는지에 따라 인코딩 방식이 달라짐. 단, 0~256사이에는 항상 알파벳 맵핑->인코딩방식 상관없이 영어는 깨지지 않음)
• 랩퍼타입 : 기본타입과 동일한 참조타입

• 기본타입(단일 데이터 값, 스칼라) vs 참조타입(복수 데이터 값, 집합, 벡터)

• 배열 : 자료형이 같은 여러 데이터 값의 집합, 배열참조변수 -> 인덱스, []연산자 -> 개별값에 접근 String[] names = new String[3]; names[2] = "홍길동";
• 클래스(1) : 사용자 정의 타입, 여러 자료형을 가진 데이터값의 집합, 객체참조변수 -> 필드(멤버변수)이름, .연산자 -> 개별값에 접근 Person p = new Person(); p.name = "홍길동";
• 클래스(2) : 메서드의 정의를 가지는 명세
• 메서드 : 클래스 안에 정의된 함수, 입력값을 받아 기능을 실행하고 반환값을 남기는 식 -> 연산자 (자바에는 함수가 없다 = 클래스 밖에 선언된 함수가 없다)
• 일반메서드 vs static메서드 ex) 일반메서드 A a = new A(); a.test(); ex) static메서드 A.test();

• 코드실행문장 위->아래

• 문장에서 제어문가능: 분기문(조건문: if, switch, try...catch(예외처리에 쓰는 분기)), 루프문(반복문: while, for, foreach)

• 기본 라이브러리(API), 외부 라이브러리(API)

• 클래스 하나, 클래스 여러개->패키지, 패키지 여러개->모듈 -->배포형식

✅기본 API: Calendar

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.util.Calendar" %> <!-- 실행파일은 java폴더>util폴더>Calendar.class폴더 -->
<%
    // Calendar c = new Calendar(); // 문법적으로 왜 완되는지는 나중에...
    Calendar c = Calendar.getInstance();    
    String yoil = "";
    switch(c.get(Calendar.DAY_OF_WEEK)) {
    case 1:
        yoil = "일";
        break;
    case 2:
        yoil = "월";
        break;
    case 3:
        yoil = "화";
        break;
    case 4:
        yoil = "수";
        break;
    case 5:
        yoil = "목";
        break;
    case 6:
        yoil = "금";
        break;
    default:
        yoil = "토";
    }
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Calendar</title>
</head>
<body>
    <div>Calendar.getInstance() : <%=c%></div>
    <!-- <div>Year : <%=c.get(1)%></div> -->
    <div>Year : <%=c.get(Calendar.YEAR)%></div> <!-- 코드의 가독성을 위해 상수1 대신 변수 사용 -->
    <div>Month : <%=c.get(Calendar.MONTH)%>(+1해서 읽어야한다)</div> <!-- MONTH는 0(1월)~11(12월) -->
    <div>Date : <%=c.get(Calendar.DATE)%></div>
    <div>이번주의 몇번째 날 : <%=c.get(Calendar.DAY_OF_WEEK)%></div> <!-- 요일 개념은 없고 이번주 몇번째 날인지 출력 1(월)~7(토)-->
    <div>현재달의 마지막 날자 : <%=c.getActualMaximum(Calendar.DATE)%></div>
    <div>요일 : <%=yoil%></div>
    <!-- 
    변수이름: girlFriend
    클래스이름: GirlFriend
    static필드: GIRL_FRIEND
    jsp파일을 톰캣이 자바코드로 바꿔 실행 -> 기계가 만든 파일은 소문자 사용
    -->
</body>
</html>

✅달력과 일정입력폼

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.util.Calendar" %>
<%
    int targetYear = 0;
    int targetMonth = 0;

    // targetYear 혹은 targetMonth가 null이면 현재 년도와 월을 대입한다
    if(request.getParameter("targetYear") == null
            || request.getParameter("targetMonth") == null) {
        Calendar today = Calendar.getInstance();
        targetYear = today.get(Calendar.YEAR);
        targetMonth = today.get(Calendar.MONTH); 
    } else {
        targetYear = Integer.parseInt(request.getParameter("targetYear"));
        targetMonth = Integer.parseInt(request.getParameter("targetMonth"));
        if(targetMonth == -1) { // Month는 0(1월)~11(12월)
            targetMonth = 11;
            targetYear = targetYear - 1;
        } else if(targetMonth == 12) {
            targetMonth = 0;
            targetYear = targetYear + 1;
        }
    }

    // 일정입력을 위한 targetDate 선언
    int targetDate = 0;

    // 디버깅
    // http://localhost/ex17/calendar.jsp?targetYear=2023&targetMonth=11
    // http://localhost/ex17/calendar.jsp
    System.out.println(targetYear + " <-- targetYear");
    System.out.println(targetMonth + " <-- targetMonth");

    // 달력 1일 앞의 공백(td) 수
    // 현재월의 1일의 DAY_OF_WEEK(일 1, 월 2, ... 토 7 ) - 1
    int startTdBlank = 0;
    // 출력하고자 하는 년/월/1일
    Calendar firstDate = Calendar.getInstance();
    firstDate.set(Calendar.YEAR, targetYear);
    firstDate.set(Calendar.MONTH, targetMonth);
    firstDate.set(Calendar.DATE, 1); // firstDate는 TargetYear, TargetMonth의 1일
    startTdBlank = firstDate.get(Calendar.DAY_OF_WEEK) - 1; 
    System.out.println(startTdBlank + " <-- startTdBlank");

    // 출력하고자 하는 년/월/마지막날짜
    int endDateNum = firstDate.getActualMaximum(Calendar.DATE); // getMaximum(Calendar.DATE)는 달력 전체의 월중 가장 긴 날짜
    System.out.println(endDateNum + " <-- endDateNum");

    // 달력 마지막날짜 출력후 공백(td) 수 
    int endTdBlank = 0;
    if((startTdBlank + endDateNum) % 7 != 0) {
        endTdBlank = 7-((startTdBlank + endDateNum)%7);
    }
    int totalTdCnt = startTdBlank + endDateNum + endTdBlank;

    // 지난달 마지막 날짜
    Calendar lastMonth = Calendar.getInstance();
    lastMonth.set(Calendar.YEAR, targetYear);
    lastMonth.set(Calendar.MONTH, targetMonth - 1);
    int lastEndDate = lastMonth.getActualMaximum(Calendar.DATE);
    System.out.println(lastEndDate + " <-- lastEndDate");
%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>calendar.jsp</title>
    <!-- Latest compiled and minified CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Latest compiled JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</head>

<body>
<div class="container">
    <h1 class="text-center">
        <a href="./calendar.jsp?targetYear=<%=targetYear%>&targetMonth=<%=targetMonth-1%>">이전달</a>
        <%=targetYear%>년 <%=targetMonth+1%>월
        <a href="./calendar.jsp?targetYear=<%=targetYear%>&targetMonth=<%=targetMonth+1%>">다음달</a>
    </h1>
    <table class="table table-bordered">
        <thead>
            <tr class="text-center">
                <th>일</th>
                <th>월</th>
                <th>화</th>
                <th>수</th>
                <th>목</th>
                <th>금</th>
                <th>토</th>        
            </tr>
        </thead>
        <tr>
            <%
                for(int i=0; i<totalTdCnt; i++) {
                    // i가 7의 배수일 때 행을 바꾼다
                    if(i%7==0) {
            %>
                        </tr><tr>
            <%        
                    }

                    // targetMonth의 날짜 표시
                    int dateNum = i - startTdBlank + 1;
                    // targetMonth의 1일~마지막날짜까지 출력
                    if(dateNum > 0 && dateNum <= endDateNum) {
                        // 일요일 빨간색
                        if(i%7==0) {
            %>
                             <td><a class="text-danger text-decoration-none" 
                                 href="./calendarSchedule.jsp?targetYear=<%=targetYear%>&targetMonth=<%=targetMonth%>&targetDate=<%=targetDate%>">
                                 <%=dateNum%></a></td>
            <%
                        // 일요일을 제외하고 검정색
                        } else {
            %>
                            <td><a class="text-body text-decoration-none" href=""><%=dateNum%></a></td>
            <%
                        }
                    // 1일 앞에 지난달 날짜 채우기, 회색글씨와 음영처리
                    } else  if (dateNum <= 0){
            %>
                         <td class="table-secondary"><a class="text-muted text-decoration-none" href=""><%=lastEndDate + dateNum%></a></td> 
            <%            
                    // 마지막 날짜 뒤에 다음달 날짜 채우기, 회색글씨와 음영처리
                    } else {
            %>
                        <td class="table-secondary"><a class="text-muted text-decoration-none" href=""><%=dateNum - endDateNum%></a></td>
            <%
                    }
                }
            %>
        </tr>
    </table>
</div>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
    int targetYear = Integer.parseInt(request.getParameter("targetYear"));
    int targetMonth = Integer.parseInt(request.getParameter("targetMonth"));
    int targetDate = Integer.parseInt(request.getParameter("targetDate"));
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>calendarSchedule</title>
    <!-- Latest compiled and minified CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Latest compiled JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
    <form action="#" method="post">
        <div class="container">
        <h1><%=targetYear%>년 <%=targetMonth + 1%>월 <%=targetDate%>일</h1>
        <h2>일정입력</h2>
            <table>
                <tr>
                    <th>제목</th>
                    <td><input type="text" >&nbsp;<input type="checkbox">중요</td>
                </tr>
                <tr>
                    <th>장소</th>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <th>일시</th>
                    <td><input type="datetime-local"> - <input type="datetime-local"></td>
                </tr>
                <tr>
                    <th style="vertical-align: top">설명</th>
                    <td><textarea cols="60" rows="8"></textarea></td>
                </tr>
                <tr>
                    <td colspan="2"><button type="submit">저장</button>&nbsp;&nbsp;<button type="submit">취소</button></td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

💪느낀점

• 업무분석!이 안되니 실습에서 많은 시간이 소요된다ㅠ 익숙해진다고 하지만 사람인지라 잘하는 친구들을 보면 조급한 마음이ㅠㅠ 일단은 할 수 있는 것은 빠르게 하고 모르는 부분은 선생님께 물어볼 수 있도록 체크해놓자!
• 9일차인 지금도 주석을 다는 것을 놓친다. 꼼꼼히 적어놓은 다른 사람들의 주석을 참고해서 주석을 놓치지 않도록 하자!

✅형변환

    // 기본타입간에 형변환 가능 (boolean 제외)
    // 참조타입간에 형변환 가능 
    // 기본타입과 참조타입간에는 형변환 불가 (메모리의 모양이 같아야 함)
    // ex) int x = Integer.parseInt("14"); <-- 형변환 아님!    
    int x = 10;
    double dx = (double)x; // 데이터손실X -> 형변환 연산자 생략가능(자동형변환)

    double dy = 3.0; 
    int y = (int)dy; // 데이터손실O -> 형변환 연산자 생략불가(명시적형변환)

    float fz = 3.14F;
    long z = (long)fz; // 10L (long)10
    // 자동형변환X -> float가 long보다 물리적크기는 작지만 값을 표현하는 범위가 크다
    // float 값표현방식에 오차를 허용하는 "부동소주점 방식"을 사용하기 때문
    // ()는 형변환연산자 -> 앞에 위치하고 데이터타입이 들어온다
    // Math.random()에서 ()는 호출연산자 -> 뒤에 위치하고 값이 들어온다

✅ArrayList와 랩퍼(박싱)타입

// 랩퍼타입 8개
    Byte a = new Byte((byte)1);
    Short b = new Short((short)2);
    Integer c = new Integer(3);
    Long d = new Long(4L);
    Character e = new Character('가');
    Float f = new Float(3.14);
    Double g = new Double(3.12);
    Boolean h = new Boolean(true);    

    Integer c2 = 3; // auto boxing 기본타입을 참조타입으로 자동 변환
    int x = c2; // auto unboxing 참조타입으로 기본타입으로 자동 변환

    int y = Integer.parseInt("777"); 
    // String- (참조타입형변환) -> Integer -(언박싱)-> int

⌨해적단 리스트 만들기

• Pirate 클래스 생성 ```java package onepiece; import java.util.ArrayList; public class Pirate { public String name; public String nickName; public char gender; // 'M'/'F' 출력시 남여이미지 public String birth; public int age; public int height; public ArrayList hobby; // ★★★★★ public String blood; public String country; public long money; public String group; // 해적(소속) public boolean isDevilFruit; // 악마의열매 섭취유무, 출력시 이미지 // ArrayList a ; 불가능 // ArrayList a; 가능 } /* ArrayList list = new ArrayList(); Pirate p = new Pirate(); p.name = "홍길동"; p.hobby = new ArrayList(); p.hobby.add("야구"); p.hobby.add("클라이밍"); list.add(p); // 읽기 System.out.println(list.get(0).name); System.out.println(list.get(0).hobyy[1]); for(Pirate e : list) {

    System.out.println(e.name);
    for(String h : e.hobby) {
        System.out.println(h);
    }

  }

• / ```

• 리스트 만들기

  <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  <%@ page import="java.util.ArrayList" %>
  <%@ page import="onepiece.Pirate" %>
  <%
    // 원칙은 RDBMS(오라클, MySQL(MariaDB), MSSQL)에서 데이터를 불러와서
    // 코드상에서 사용가능한 형태(ArrayList<Pirate>)로 변경
  
    // ArrayList 생성
    ArrayList<Pirate> list = new ArrayList<Pirate>();
  
    // Pirate 객체를 20개 생성
    // 해적1
    Pirate p1 = new Pirate();
    p1.name ="몽키 D. 루피";
    p1.nickName = "밀짚모자";
    p1.gender = 'M';
    p1.birth = "5월 5일";
    p1.age = 19;
    p1.height = 174;
    p1.hobby = new ArrayList<String>(); // hobby도 ArrayList이기 때문에 초기화 후 값 입력
    p1.hobby.add("모험");
    p1.hobby.add("잔치");
    p1.blood = "F형 (B형)";
    p1.country = "이스트 블루 고아 왕국 후샤 마을";
    p1.money = 3000000000L;
    p1.group = "밀짚모자 일당";
    p1.isDevilFruit = true;
    list.add(p1);
  
    // 해적2
    Pirate p2 = new Pirate();
    p2.name = "롤로노아 조로";
    p2.nickName = "해적 사냥꾼";
    p2.gender = 'M';
    p2.birth = "11월 11일";
    p2.age = 21;
    p2.height = 181;
    p2.hobby = new ArrayList<String>();
    p2.hobby.add("음주");
    p2.hobby.add("수행");
    p2.blood = "XF형 (AB형)";
    p2.country = "이스트 블루 시모츠키 마을";
    p2.money = 1111000000L;
    p2.group = "밀짚모자 일당";
    p2.isDevilFruit = false;
    list.add(p2);
  
    // 해적3
    Pirate p3 = new Pirate();
    p3.name = "나미";
    p3.nickName = "도둑고양이";
    p3.gender = 'F';
    p3.birth = "7월 3일";
    p3.age = 20;
    p3.height = 170;
    p3.hobby = null;
    p3.blood = "X형 (A형)";
    p3.country = "이스트 블루 오이코트 왕국";
    p3.money = 360000000L;
    p3.group = "밀짚모자 일당";
    p3.isDevilFruit = false;
    list.add(p3);
  
    // 해적4
    Pirate p4 = new Pirate();
    p4.name = "우솝";
    p4.nickName = "저격의 제왕";
    p4.gender = 'M';
    p4.birth = "4월 1일";
    p4.age = 19;
    p4.height = 176;
    p4.hobby = null;
    p4.blood = "S형 (O형)";
    p4.country = "이스트 블루 시롭 마을";
    p4.money = 500000000L;
    p4.group = "밀짚모자 일당";
    p4.isDevilFruit = false;
    list.add(p4);
  
    // 해적5
    Pirate p5 = new Pirate();
    p5.name = "빈스모크 상디";
    p5.nickName = "검은 다리";
    p5.gender = 'M';
    p5.birth = "3월 2일";
    p5.age = 21;
    p5.height = 180;
    p5.hobby = null;
    p5.blood = "Rh-S형 (Rh-O형)";
    p5.country = "노스 블루 제르마 왕국";
    p5.money = 1032000000L;
    p5.group = "밀짚모자 일당";
    p5.isDevilFruit = false;
    list.add(p5);
  
    // 해적6
    Pirate p6 = new Pirate();
    p6.name = "토니토니 쵸파";
    p6.nickName = "솜사탕광";
    p6.gender = 'M';
    p6.birth = "12월 24일";
    p6.age = 17;
    p6.height = 90;
    p6.hobby = null;
    p6.blood = "X형 (A형)";
    p6.country = "위대한 항로 사쿠라 왕국(구 드럼 왕국)";
    p6.money = 1000L;
    p6.group = "밀짚모자 일당";
    p6.isDevilFruit = true;
    list.add(p6);
  
    // 해적7
    Pirate p7 = new Pirate();
    p7.name = "니코 로빈";
    p7.nickName = "악마의 아이";
    p7.gender = 'F';
    p7.birth = "2월 6일";
    p7.age = 30;
    p7.height = 188;
    p7.hobby = null;
    p7.blood = "S형 (O형)";
    p7.country = "웨스트 블루 오하라";
    p7.money = 930000000L;
    p7.group = "밀짚모자 일당";
    p7.isDevilFruit = true;
    list.add(p7);
  
    // 해적8
    Pirate p8 = new Pirate();
    p8.name = "커티 프람";
    p8.nickName = "프랑키";
    p8.gender = 'M';
    p8.birth = "3월 9일";
    p8.age = 36;
    p8.height = 240;
    p8.hobby = null;
    p8.blood = "XF형 (AB형)";
    p8.country = "사우스 블루";
    p8.money = 390000000L;
    p8.group = "밀짚모자 일당";
    p8.isDevilFruit = false;
    list.add(p8);
  
    // 해적9
    Pirate p9 = new Pirate();
    p9.name = "브룩";
    p9.nickName = "소울 킹";
    p9.gender = 'M';
    p9.birth = "4월 3일";
    p9.age = 90;
    p9.height = 277;
    p9.hobby = null;
    p9.blood = "X형 (A형)";
    p9.country = "웨스트 블루";
    p9.money = 383000000L;
    p9.group = "밀짚모자 일당";
    p9.isDevilFruit = true;
    list.add(p9);
  
    // 해적10
    Pirate p10 = new Pirate();
    p10.name = "징베";
    p10.nickName = "바다의 협객";
    p10.gender = 'M';
    p10.birth = "4월 2일";
    p10.age = 46;
    p10.height = 301;
    p10.hobby = null;
    p10.blood = "F형 (B형)";
    p10.country = "용국 왕국 어인가";
    p10.money = 1100000000L;
    p10.group = "밀짚모자 일당";
    p10.isDevilFruit = false;
    list.add(p10);
  
    // 해적11
    Pirate p11 = new Pirate();
    p11.name = "샹크스";
    p11.nickName = "빨간 머리";
    p11.gender = 'M';
    p11.birth = "3월 9일";
    p11.age = 39;
    p11.height = 199;
    p11.hobby = new ArrayList<String>();
    p11.hobby.add("방랑");
    p11.blood = "XF형";
    p11.country = "웨스트 블루 갓 밸리";
    p11.money = 4048900000L;
    p11.group = "사황";
    p11.isDevilFruit = false;
    list.add(p11);
  
    // 해적12
    Pirate p12 = new Pirate();
    p12.name = "마샬 D.티치";
    p12.nickName = "검은 수염";
    p12.gender = 'M';
    p12.birth = "8월 3일";
    p12.age = 40;
    p12.height = 344;
    p12.hobby = new ArrayList<String>();
    p12.hobby.add("도박(겜블링)");
    p12.hobby.add("역사 탐구");
    p12.blood = "F형";
    p12.country = "위대한 항로";
    p12.money = 3996000000L;
    p12.group = "사황";
    p12.isDevilFruit = true;
    list.add(p12);
  
    // 해적13
    Pirate p13 = new Pirate();
    p13.name = "마르코";
    p13.nickName = "불사조";
    p13.gender = 'M';
    p13.birth = "10월 5일";
    p13.age = 45;
    p13.height = 203;
    p13.hobby = new ArrayList<String>();
    p13.hobby.add("바의 코스터 수집");
    p13.blood = "X형";
    p13.country = "위대한 항로";
    p13.money = 1374000000L;
    p13.group = "흰 수염 해적단";
    p13.isDevilFruit = true;
    list.add(p13);
  
    // 해적14
    Pirate p14 = new Pirate();
    p14.name = "카타리나 데본";
    p14.nickName = "초승달 헌터";
    p14.gender = 'F';
    p14.birth = "3월 29일";
    p14.age = 36;
    p14.height = 361;
    p14.hobby = null;
    p14.blood = "F형";
    p14.country = "사우스 블루";
    p14.money = 0L;
    p14.group = "검은 수염 해적단";
    p14.isDevilFruit = true;
    list.add(p14);
  
    // 해적15
    Pirate p15 = new Pirate();
    p15.name = "샬롯 링링";
    p15.nickName = "빅맘 ";
    p15.gender = 'F';
    p15.birth = "2월 15일";
    p15.age = 68;
    p15.height = 880;
    p15.hobby = new ArrayList<String>();
    p15.hobby.add("다과회, 진귀한 동물수집");
    p15.blood = "X형";
    p15.country = "위대한 항로";
    p15.money = 4388000000L;
    p15.group = "빅 맘 해적단";
    p15.isDevilFruit = true;
    list.add(p15);
  
    // 해적16
    Pirate p16 = new Pirate();
    p16.name = "크로커다일";
    p16.nickName = "사막의 왕";
    p16.gender = 'M';
    p16.birth = "9월 5일";
    p16.age = 46;
    p16.height = 253;
    p16.hobby = null;
    p16.blood = "S";
    p16.country = "위대한 항로";
    p16.money = 1965000000L;
    p16.group = "크로스 길드";
    p16.isDevilFruit = true;
    list.add(p16);
  
    // 해적17
    Pirate p17 = new Pirate();
    p17.name = "카이도";
    p17.nickName = "백수";
    p17.gender = 'M';
    p17.birth = "5월 1일";
    p17.age = 59;
    p17.height = 710;
    p17.hobby = null;
    p17.blood = "F형";
    p17.country = "위대한 항로 보드카 왕국";
    p17.money = 4611100000L;
    p17.group = "백수 해적단";
    p17.isDevilFruit = true;
    list.add(p17);
  
    // 해적18
    Pirate p18 = new Pirate();
    p18.name = "보아 행콕";
    p18.nickName = "해적여제";
    p18.gender = 'F';
    p18.birth = "9월 2일";
    p18.age = 31;
    p18.height = 191;
    p18.hobby = null;
    p18.blood = "S형";
    p18.country = "캄벨트 여인섬 아마존 릴리";
    p18.money = 1659000000L;
    p18.group = "구사 해적단";
    p18.isDevilFruit = true;
    list.add(p18);
  
    // 해적19
    Pirate p19 = new Pirate();
    p19.name = "피셔 타이거";
    p19.nickName = "노예해방의 영웅";
    p19.gender = 'M';
    p19.birth = "11월 5일";
    p19.age = 48;
    p19.height = 520;
    p19.hobby = null;
    p19.blood = "Rh-S형";
    p19.country = "용국 왕국 어인가";
    p19.money = 230000000L;
    p19.group = "태양 해적단";
    p19.isDevilFruit = false;
    list.add(p19);
  
    // 해적20
    Pirate p20 = new Pirate();
    p20.name = "유스타스 키드";
    p20.nickName = "유스타스 '캡틴'키드";
    p20.gender = 'M';
    p20.birth = "1월 10일";
    p20.age = 23;
    p20.height = 205;
    p20.hobby = new ArrayList<String>();
    p20.hobby.add("음악 감상");
    p20.hobby.add("무기 수집");
    p20.blood = "F형";
    p20.country = "사우스 블루";
    p20.money = 3000000000L;
    p20.group = "최악의 세대";
    p20.isDevilFruit = true;
    list.add(p20);
  
    // 디버깅
    System.out.println(list.size() + "<-- list.size()");
  

%>

등장인물 리스트

이름	이명	성별	생일	나이	신장	취미	혈액형	출생지	현상금	소속	능력자
<%=p.name%>	<%=p.nickName%>	<% if(p.gender == 'M') { %> <% } else { %> <% } %>	<%=p.birth%>	<%=p.age%>세	<%=p.height%>cm	<% // hobby가 null이 아닌 경우에만 출력 if(p.hobby != null) { int cnt = 1; // cnt는 for문에서 사용되기 때문에 for문 밖에서 변수 선언 for(String h : p.hobby) { %> <%=h%> <% // cnt가 hobby수보다 작으면 쉼표 찍고 cnt는 1씩 증가 if(cnt , <% } cnt = cnt + 1; } } %>	<%=p.blood%>	<%=p.country%>	<% if(p.money!=0) { %> <%=p.money%>베리 <% } else { %>   <% } %>	<%=p.group%>	<% if(p.isDevilFruit==true) { %> <% } else { %> <% } %>

// 요청값 디버깅
    System.out.println(request.getParameter("gender"));

char gender = ' '; // gender의 초기값 = 공백 // 페이지를 호출했을 때 첫 페이지
// gender가 경우의 수 3개 : 공백, M, F
// gender가 null이 아니거나 공백이 아닐 때
if(request.getParameter("gender") != null) {
    gender = request.getParameter("gender").charAt(0); // 요청값의 첫번째 문자를 gender변수에 넣는다
}
// gender ' ' or 'M' or 'F'
/*
if(gender == ' ') {
    list2 = list;
} else if (gender =='M') {
    for(Pirate p : list) {
        if(p.gender == 'M')
            list2.add(p);
    }
} else { // gender = 'F'
    for(Pirate p : list) {
        if(p.gender == 'F')
        list2.add(p);    
}
*/

    if(gender == ' ') {
        list2 = list;
    } else {
        for(Pirate p : list) {
            if(p.gender == gender) {
                list2.add(p);
            }
        }
    }


// gender가 경우의 수가 4개인 경우
/* 
gender가 null이 아니거나 공백이 아닐 때
if(request.getParameter("gender") != null || 
        !request.getParameter("gender").equals("")) {
    gender = request.getParameter("gender").charAt(0);
}
*/

* select 폼 작성
```html
<h1>등장인물 리스트</h1>

    <!-- 필터 -->
    <form action="./onepiece.jsp" method="post"> <!-- action을 안적으면 자기자신 호출 -->
        <select name="gender"> <!-- 경우의 수 3가지: null, M, F -->
            <!-- <option value="">:::성별선택:::</option> --> <!-- 공백의 경우의 수 추가 -->
            <option value="M">남자</option>
            <option value="F">여자</option>
        </select>
        <div>
            <button type="submit">검색</button>
        </div>
    </form>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- CSS적용 순서는 inline->internal->external(부트스트랩) -->
<!-- Latest compiled and minified CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- .min빼면 원래 파일 -->
<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="container-fluid">
    <table class="table table-striped">
        <thead>
            <tr>
                <th class="x">이름</th>
                <th>성별</th>
                <th>나이</th>
            </tr>
        <thead>

        <tbody>
        <%
            for(Person p : list) { // 군집 개별요소 : 군집 -> list.size 만큼 반복
        %>
                <tr>
                    <td><%=p.name%></td>
                    <td><%=p.gender%></td>
                    <td><%=p.age%></td>
                </tr>
        <%
            }
        %>
        </tbody>
    </table>

<div class="row">
  <div class="col-sm-6">
      <h1>첫번째 제목</h1> <!-- h1은 블록태그이지만 css적용으로 2단으로 나눠짐 -->
  </div>
  <div class="col-sm-6">
      <h1>두번째 제목</h1>
  </div>
</div>

</div>
</body>
</html>

클래스의 역할

1. 사용자 정의 타입
2. 메서드의 상자

• 데이터 타입 클래스

  package good;
  

public class Student { // 클래스: 사용자 정의 타입 public int no; public int age; public String name; public char gender; }

* 클래스 안에 선언된 메서드
```java
package good;

public class Function {
    // 일반 메서드
    public int add(int x, int y) { // x와 y는 매개변수
        int z = x + y;
        return z;
    }

    // static 메서드
    public static int minus(int x, int y) {
        int z = x - y;
        return z;
    }
}

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "good.Student"%>
<%@ page import = "good.Function"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
    //1. 클래스는 사용자정의 타입 
    Student s = null; 
    /* 
    String, Calendar 등은 API에서 제공하는 클래스
    다른 사람이 이미 만들어 놓은 클래스들 -> 라이브러리
    라이브러리를 사용하는 방식 -> API
    */
    s = new Student();
    /* 
    new 연산자
    1. 메모리확보
    2. 초기화
        no = 0; 
        age = 0;
        name = null;
        gender=''; <-없는 문자
     */

    s.no = 7;
    s.age = 28;
    s.name = "홍길동";
    s.gender = '남';
%>
    <div><%=s.name%></div>

<%
    // 2. 클래스는 메서드의 상자
    Function f = null; 
    f = new Function();
    int result = f.add(1, 2); // 3
    int k = 7;
    result = f.add(k, 7/3); // f.add(7, 2) = 9

    int result2 = Function.minus(5, 2);
    // result = Function.add(5, 2); error
    // static 메소드는 호출할 때 클래스 이름을 붙인다

    // static 메서드의 예
    Math.random();
    /* 우리가 선언하지 않아도 이미 선언되어 있는 내장객체
    out.print(); 
    request.getParameter("");
    */
%>
</body>
</html>

✅ 배열, for문, foreach문

<%
    // 배열 : 동일한 타입 여러개를 참조하는 참조 타입
    int[] a = null;
    a = new int[3]; // a[0]->0, a[1]->0, a[2]->0
    // 배열호출 : 참조변수[인덱스]
    a[0] = 7;
    a[1] = 2;
    a[2] =10;
    // a[3] =1; // 예외(exception)발생

    int[] b = new int[3];
    int[] c = new int[]{7, 9, 10};
    int[] d = {8, 10};
    int[] e = null;
    // e = {8, 10}; error
    out.print(a.length); // 인덱스의 길이 3
%>
    <br>
<%    
    int[] arr = {2,5,7,10}; // length 4
%>
    <div>
        <%=arr[0]%>
        <%=arr[1]%>
        <%=arr[2]%>
        <%=arr[3]%>
    </div>
<%
    // for문 읽기 쓰기 가능 (배열을 직접적으로 변경 -> 보안에 취약)
    for(int i=0; i<arr.length; i+=1) { 
    // 배열의 길이가 변경될 수 있기 때문에 상수를 쓰기보다 변수를 이용한다
%>
        <%=arr[i]%>
<%
    }
%>
    <br>
<%
    // foreach문 읽기만 가능 (배열을 바꿀 수 없다)
    for(int n : arr) {
%>
        <%=n%> <!-- n이 변경되고 배열의 값은 그대로 -->
<%    
    }
%>
    <br>
<%
    // for문 읽기 쓰기 가능 (배열을 직접적으로 변경 -> 보안에 취약)
    for(int i=0; i<arr.length; i+=1) {
        arr[i] = arr[i]*10;
    }
%>

✅swap과 로또만들기

• Swap

  <%
    int x = 1;
    int y = 2;
    int temp = 0;
  
    temp = y; 
    y = x;
    x = temp;
  %>

• 로또만들기

  <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  <%
    // 1. 45개의 공을 만든다
    int[] ball = new int[45]; // 초기화 0, 0, ... , 0
    // 1~45 값을 대입
    for(int i=0; i<ball.length; i+=1) {
        ball[i] = i+1;
    }
    // 디버깅 코드(변수의 값이 원하는대로 제대로 들어갔는지 확인하는 코드)
    for(int n : ball) {
        System.out.print(n+","); // println -> 줄바꿈 포함
    }
    System.out.println(); // 콘솔줄바꿈
  
    // 2. 공을 섞는다
    // shuffle
    for(int i=0; i<100000; i+=1) {
        int targetIdx = (int)(Math.random() * 45); // 0~44까지 랜덤숫자
        int temp = ball[0];
        ball[0] = ball[targetIdx];
        ball[targetIdx] = temp; // swap을 10만번 반복
    }
  
    // 디버깅 코드(변수의 값이 원하는대로 제대로 들어갔는지 확인하는 코드)
        for(int n : ball) {
            System.out.print(n+","); // println -> 줄바꿈 포함
        }
  

%>

로또번호

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "good.Member" %>
<%@ page import = "java.util.Calendar" %>
<%
    // 데이터 초기화

    Member[] list = new Member[2]; // null, null로 초기화
    list[0] = new Member(); 
    list[0].name = "루피";
    list[0].birthYear = 2005;
    list[0].gender = "여";
    list[0].major = false;

    list[1] = new Member(); 
    list[1].name = "뽀로로";
    list[1].birthYear = 2006;
    list[1].gender = "남";
    list[1].major = true;
 %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>memberList.jsp</title>
<style>
    table, th, td {
        border: 1px solid #404040; 
        border-collapse: collapse;
        text-align: center;
        }
    table {width: 40%;}
    th {background-color: #D5D5D5;}

</style>
</head>
<body>
    <h1>학생목록</h1>
    <div>전체 <%=list.length%>명</div>
    <table>
        <tr>
            <th>이름</th>
            <th>나이</th>
            <th>성별<br>(아이콘)</th>
            <th>전공유무<br>(전공/비전공)</th>
        </tr>
        <%
            // 현재년도
            Calendar today = Calendar.getInstance(); 
            int todayYear = today.get(Calendar.YEAR);

            // 학생목록 출력
            for(Member m : list) {
        %>
                <tr>
                    <td><%=m.name%></td>
                    <td><%=todayYear - m.birthYear +1%></td> <!-- 한국나이 = 현재년도-태어난년도+1 -->
                    <td>
                    <%
                        if(m.gender.equals("남")) {
                    %>
                        &#128104; <!-- 남자 아이콘 -->
                    <%
                        } else {
                    %>
                        &#128105; <!-- 여자 아이콘 -->
                    <%
                        }
                    %>
                    </td>
                    <td>
                    <%
                        if(m.major==false) {
                    %>
                        비전공
                    <%
                        } else {
                    %>
                        전공
                    <%
                        }
                    %>
                    </td>
                </tr>
        <%        
            }
        %>
    </table>
</body>
</html>

💪 느낀점

• 복습의 중요성! 리스트 만들기 중에서 나이는 현재시간 기준으로 계산해야 하므로 calendar클래스를 사용해야 한다.
• 배열과 for문이 함께 나오면 코드 한줄 한줄 더 집중해서 보자
• 어제보다는 HTML과 Java가 번갈아서 나오는 것에 익숙해졌다. "어려운 것이 아니라 익숙치 않은 것일 뿐"이라는 말을 기억하자!

✅구구단 배경색 넣기 (❗코어알고리즘 변경, 추가 없이)

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>무지개 구구단</title>
<style>
    table, th, td {
        border: 1px solid #404040;
        text-align: center;
    }
    table {border-collapse: collapse;}
    .red {background-color: #FFA7A7;}
    .orange {background-color: #FFC19E;}
    .yellow {background-color: #FFE08C;}
    .green {background-color: #B7F0B1;}
    .blue {background-color: #B2EBF4;}
    .navy {background-color: #B2CCFF;}
    .purple {background-color: #D1B2FF;}
    .gray {background-color: #D5D5D5;}
</style>
</head>
<body>
    <h1>구구단</h1>
    <table>
        <%
            // tr * 10 = 10행
            for(int i=0; i<10 ; i=i+1) {
        %>
                <tr>
                    <%
                        // td * 9 = 9열
                        for(int dan=2; dan<10; dan=dan+1) { 
                        // 코어알고리즘(dan=0; dan<8; dan=dan+1)은 변경하지 않는것이 좋지만 연습을 위해 초기화 숫자를 dan=2로 변경

                            // dan숫자에 따라 클래스의 이름이 바뀐다
                            String color = null;
                            if(dan==2) {
                                color="red";
                            } else if (dan==3) {
                                color="orange";
                            } else if (dan==4) {
                                color="yellow";
                            } else if (dan==5) {
                                color="green";
                            } else if (dan==6) {
                                color="blue";
                            } else if (dan==7) {
                                color="navy";
                            } else if (dan==8) {
                                color="purple";
                            } else if (dan==9) {
                                color="gray";
                            }

                            // 첫번째 행은 단수제목, 나머지는 구구단 출력
                            if(i==0) {
                    %>
                                <th class="<%=color%>"><%=dan%> 단</th>
                    <%    
                            } else {
                    %>
                                <td class="<%=color%>"><%=dan%> * <%=i%> = <%=dan*i%></td>
                    <%
                            }
                        }
                    %>
                </tr>
        <%
            }
        %>
    </table>
</body>
</html>

✅ 구구단 출력

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>guguForm.jsp</title>
</head>
<body>
    <h1>구구단 요청</h1>
    <form action="./guguAction.jsp" method="post">
        <div>
            <select name="dan">
                <%
                    for(int i=2; i<10; i=i+1) {
                %>
                        <option value="<%=i%>"><%=i%>단</option>
                <%
                    }
                %>
            </select>
        </div>
        <div>
            <button type="submit">구구단 출력</button>
        </div>
    </form>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
    request.setCharacterEncoding("utf-8"); // 한글을 받지 않아도 적어주는 것이 좋다
    int dan = Integer.parseInt(request.getParameter("dan"));
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>guguAction.jsp</title>
</head>
<body>
<%
    for(int i=1; i<10; i=i+1) {
%>
        <div><%=dan%> * <%=i%> = <%=dan*i%></div>
<%
    }
%>
</body>
</html>

✅달력만들기

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>23년 4월 달력</title>
<style>
    table, th, td {border: 1px solid gray;}
    table {border-collapse: collapse; width: 90%;}
</style>
</head>
<body>
    <h1>2023.4</h1>
    <table> <!-- 요일표시 테이블 -->
        <tr>
            <th>일</th>
            <th>월</th>
            <th>화</th>
            <th>수</th>
            <th>목</th>
            <th>금</th>
            <th>토</th>
        </tr>
    </table> <!-- 날짜표시 테이블 -->
    <table> 
        <tr>
        <%
            // 날짜의 최소값~최대값 범위설정
            int minDate = 1; 
            int maxDate = 30;

            // 7*6=42개의 셀 반복
            for(int i=0; i<42; i+=1) { // i+=1 --> i=i+1
                if(i%7==0) { // 7의 배수에서 행 바꿈
        %>
                    </tr><tr>
        <%
                }

                if((i-5)>=minDate && (i-5)<=maxDate) { // 날짜가 1~30일 사이이면 표시 나머지 공백
                    if(i%7==0) { // 일요일에만 글자색을 빨간색으로 설정 (만약 토요일이라면 i%7==6)
        %>            
                        <td style="color:#FF0000;"><%=i-5%></td>
        <%
                    } else {
        %>
                        <td><%=i-5%></td>
        <%        
                    }
                } else { 
        %>
                    <td>&nbsp;</td>
        <%
                }
            }
        %>
        </tr>
    </table>
</body>
</html>

✅ 구구단

<%

    // out.print("2*"+1); // out.print("2*"+"1"); 출력:2*1

    out.print(2 + "*" + 1 + "=" + (2*1) + " ");
    out.print(2 + "*" + 2 + "=" + (2*2) + " ");
    out.print(2 + "*" + 3 + "=" + (2*3) + " ");
    out.print(2 + "*" + 4 + "=" + (2*4) + " ");
    out.print(2 + "*" + 5 + "=" + (2*5) + " ");
    out.print(2 + "*" + 6 + "=" + (2*6) + " ");
    out.print(2 + "*" + 7 + "=" + (2*7) + " ");
    out.print(2 + "*" + 8 + "=" + (2*8) + " ");
    out.print(2 + "*" + 9 + "=" + (2*9) + " ");
%>
<br>
    <h1>구구단(가로)</h1> <!-- 패턴은 가로로 찾아야한다! -->
    <%
        for(int dan=2; dan<10; dan=dan+1) { //8번
            for(int i=1; i<10; i=i+1) { //9번
                out.print(dan + "*" + i + "=" + (dan*i) + " ");
            }
    %>
        <br>
    <%
        }
    %>
        <h1>구구단(세로)</h1>
    <%
        for(int i=1; i<10; i=i+1) {
            for(int dan=2; dan<10; dan=dan+1) {
                out.print(dan + "*" + i + "=" + (dan*i) + " ");
            }
    %>
    <br>
    <%
        }
    %>

⌨ 구구단 테이블 만들기

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
    table, td {
        border: 1px solid #000000;
        border-collapse: collapse;
        text-align: center;
    }
</style>
</head>
<body>
    <h1>구구단(세로)</h1>
    <table>
        <!-- 1행 -->
        <tr> <!-- 구구단 이름-->
        <%
            for(int dan=2; dan<10; dan=dan+1) {
        %>
                <td> <!-- 2단~8단 -->
                <%=dan%>단
                </td>
        <%
            }
        %>
        </tr>

        <!-- 2행~10행 -->
        <%
            for(int i=1; i<10; i=i+1) {
        %>
                <tr> <!-- i가 1~9까지 반복하여 총 9행이 만들어진다-->
        <%
                    for(int dan=2; dan<10; dan=dan+1) {
        %>
                        <td> <!-- dan이 2~9까지 반복하여 총 8열이 만들어진다 -->
        <%
                            out.print(dan + "*" + i + "=" + (dan*i) + " ");
        %>
                        </td>
        <%
                    }
        %>
                </tr>
        <%
            }
        %>
    </table>
</body>
</html>

💪느낀점

• 반복문을 새롭게 배웠는데 쉽지 않다. 특히 구구단에 테이블을 씌운 것과 같이 html과 함께 쓰이는 경우 더 헷갈린다. 앞으로 수업시간에 반복문을 사용하게 되는 경우 더 집중해서 연습할 것이다.
• 주석을 다는 것을 자꾸 잊는다. 나중에 스스로 복습하고 이해하려면 주석을 꼼꼼히 쓰는 연습을 해야겠다. 내 언어로 직관적이고 간결하게 적을 수 있더록 놓치지 말자!
• 아직 css에 대한 지식이 많지 않아 원하는 스타일을 구현하지 못하니 아쉬운 마음이 계속 든다. 그래도 조급해하지 말고 중요한 자바 문법을 정확히 사용할 수 있도록 연습하자.

✅참조타입 맛보기

// 기본타입(8개) : 정수(byte, short, int, long), 실수(float, double), boolean, char
// 참조타입(?) : String, 배열, class

    String name = new String("지니"); // new연산자는 참조의 데이터를 저장하는 공간을 생성하는 연산자(생성자)
    // String name = "지니"; // 문자열상수를 사용하는 방법

    out.print(name); // 출력 : 지니 → String은 다른 참조타입과 달리 데이터가 바로 출력된다
    out.print(name.hashCode()); // 출력 : 1646856

    // 배열 : 같은 타입의 변수를 여러개
    int[] arr = null; // null : 아무것도 아니다
    arr = new int[3]; // 
    out.print(arr); // 출력: [I@113d37b1 : int배열 @(구분자) 데이터위치
    arr[0] = 7; // . []는 참조연산자
    // [0] = 7; // 다른 배열을 만들면 똑같이 0이 있기 때문에 사용 불가
    arr[1] = 6;
    arr[2] = 3;

    out.print(arr[0]); // 7
    out.print(arr[1]); // 6
    out.print(arr[2]); // 3

✅클래스 만들기

    package gdj66; // package이름은 절대 대문자를 적지 않는다

// class이름은 대문자로 시작한다 (ex. JavaClass)
    public class Person {
    public int no; // public : 오픈되어있음, protected : 보안
    public int age;
    public boolean married; 
}

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ page import="java.lang.*"%> <!-- import는 자바문법이 아니라 단축표현에 불과하다 -->
<%@ page import="gdj66.Person"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
    Person p;
    p = new Person(); // gdj66.Person()는 생성자메소드, 항상 클래스 이름과 동일하다
    p.no = 1;
    p.age = 24;
    p.married = false;

    Person kyh; // import를 사용: 클래스 이름을 줄여 gdj66.Person 대신 Person사용 가능
    kyh = new Person(); 
    kyh.no = 1;
    kyh.age = 29;
    kyh.married = false;

    Person ksj;
    ksj = new Person(); 
    ksj.no = 2;
    ksj.age = 30;
    ksj.married = false;

    out.print(p); // 참조값 출력)
// 추상화의 결과 : 데이터타입
%>
    <div>번호 : <%=p.no%></div>
    <div>나이 : <%=p.age%></div>
    <div>결혼유무 : <%=p.married%></div>

    <h2>KYH</h2>
    <div>번호 : <%=kyh.no%></div>
    <div>나이 : <%=kyh.age%></div>
    <div>결혼유무 : <%=kyh.married%></div>

    <h2>KSJ</h2>
    <div>번호 : <%=ksj.no%></div>
    <div>나이 : <%=ksj.age%></div>
    <div>결혼유무 : <%=ksj.married%></div>

</body>
</html>

⌨주민번호로 나이, 성별 분석하기

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.util.Calendar" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
    // 1. 요청처리
    String sn = request.getParameter("sn1") + request.getParameter("sn2");
    // 9012251234567
    // 7(인덱스6)번째 문자(열)를 뽑아서 숫자로 변경
    String s7 = sn.substring(6, 7); 
    int gender = Integer.parseInt(s7);

    // 2. 성별
    String sGender = null; // if 짝수 홀수
    if(gender%2==1) {
        sGender = "남성";
    } else {
        sGender = "여성";
    }

    // 3. 나이
    String preYear = "null";
    if(gender==0 || gender==9 ) {
        preYear = "18";
    } else if (gender == 1 || gender == 2 || gender == 5 || gender == 6) {
        preYear = "19";
    } else {
        preYear = "20";
    }

    String year = preYear + sn.substring(0, 2);
    int birthYear = Integer.parseInt(year);

    // 오늘 날짜 정보를 반화하는 클래스 java.lang.Calendar
    Calendar today = Calendar.getInstance(); 
    // today에서 오늘 년도만 추출
    int todayYear = today.get(Calendar.YEAR); 

    int age = todayYear - birthYear;
%>
    성별 : <%=sGender %><br>
    나이 : <%=age %>세
</body>
</html>

✅ 아직은 몰라도 되는...

❗ 변수 생명주기

// 변수 생명주기(variable scope)
    // 1. 변수 선언 후 사용 가능
    // out.print(x); // 변수 x가 선언되기 전이라 error
    int x = 1;
    out.print(x);

    // 2. 자바언어의 변수 생명주기는 블록{}
    {
        int a = 2;
        a = 7;
        out.print(a);
    }
    // a = 10; // error
    int b = 3;
    {
        b = 5;
        out.print(b);
        int c = 6;
        {
            out.print(b);
            out.print(c);
            int d = 9;
        }
        // out.print(d); // error
    }

❗ radio, select 값 넘겨받기

<%
    request.setCharacterEncoding("utf-8"); // void: 반환값이 없다
    String gender = request.getParameter("gender");
    String married = request.getParameter("married");
%>
    <div>
    성별
        <%
            if(gender.equals("남")) {
            // radio에서 남이 선택된 상태
        %>
                <input type="radio" value="남" name="gender" checked="checked">남
                <input type="radio" value="여" name="gender">여
        <%
        } else {
            // radio에서 여가 선택된 상태
        %>
                <input type="radio" value="남" name="gender">남
                <input type="radio" value="여" name="gender" checked="checked">여
        <%
        }
        %>

    </div>
    <div>
        <select name="married">
            <%
                if(married.equals("미혼")) {
                // select에서 미혼이 선택된 상태
            %>
                <option value="미혼" selected="selected">미혼</option>
                <option value="기혼">기혼</option>
            <%
            } else {
                // select에서 기혼이 선택된 상태
            %>
                <option value="미혼">미혼</option>
                <option value="기혼" selected="selected">기혼</option>
            <%
            }
            %>
        </select>
    </div>

✅조건문

<%
    // 1. 값분기
    int score = 80;
    if(score==100) {
        out.print("A");
    } else if(score==90) {
        out.print("B");
    } else if(score==80) {
        out.print("C");
    } else {
        out.print("D");
    }
%>
<br>
<%    
    switch(score) { 
    case 100:
        out.print("A");
        break; // break가 없으면 아래 조건도 만족하므로 ABCD모두 출력된다
    case 90:
        out.print("B");
        break;
    case 80:
        out.print("C");
        break;
    default:
        out.print("D");
    }
%>
<br>
<%
    // 2. 범위분기
    int score2 = 80;
    if(score2==100) {
        out.print("A");
    } else if(score2>=90) {
        out.print("B");
    } else if(score2>=80) {
        out.print("C");
    } else {
        out.print("D");
    }

    // switch문으로 범위분기를 구현하는 것은 거의 불가능하다(만약 하려면 모든 case를 작성해야함)
%>

✅반복문

<%
    // 반복문
    int x = 0;
    while(x < 5) {
        out.print("hello");
        x = x+1;
    }
    // hello가 5번 출력
%>
    <br>
<%
    for(int i=0; i<5; i=i+1) { // i는 블록안에서 생성된 지역변수와 같다 -> 블록을 나가면 i 쓸 수 있다
        out.print("hi");
    }
    // hi가 5번 출력
%>
    <br>
<%
    // 1부터 10까지의 합
    int n = 1;
    int sum = 0;
    for(int i=0; i<10; i=i+1) {
        sum = sum + n;
        n = n + 1;
    }
    out.print(sum);
%>
    <br>
<%
    // 1부터 10까지의 합
    int sum2 = 0;
    for(int i=1; i<11; i=i+1) {
        sum2 = sum2 + i;
    }
    out.print(sum);
%>
    <br>
<%
    // 1부터 10까지의 짝수의 합
    int sum3 = 0;
    for(int i=1; i<11; i=i+1) { // ++i, i++, i+=1
        if(i%2==0) {
        sum3 = sum3 + i;
        }
    }
    out.print(sum3);
%>

✅String타입을 int타입으로 변경하기

<%
    // 요청값(parameter value) 처리
    String x = request.getParameter("x");
    String y = request.getParameter("y");
    String z = x+y;

    int a = Integer.parseInt(x);
    int b = Integer.parseInt(y);
    int c = a+b;
%>

✅if문

코드는 위에서 아래로 순차적으로 실행되는데 제어문을 이용하여 조건분기하거나 반복하는 코드를 작성할 수 있다. 조건문: if, switch 반복문: for, while

<%
    /*
    if(bool값) { **bool값: "true" or "false"

    }

    if(){

    }
    else {

    }

    if() {

    } else if() {

    } else if() {

    }

    if() {

    } else if() {

    } else if() {

    } else {

    }
    */

    int x = 7;
    int last = 7%2;
    if(last == 0) {
        out.print("짝수");
    } else {
        out.print("홀수");
    }
%>

⌨ 나이와 성별

<%
    // 요청값 처리
    String name = request.getParameter("name");

    int currentYear = 2023;

    String year = request.getParameter("year");
    int numYear = Integer.parseInt(year);

    // 한번에 구현하는것도 가능: 변수를 새롭게 지정할 필요가 없다.
    int sn7 = Integer.parseInt(request.getParameter("sn7"));

    int age = currentYear - numYear;
    String gender = null;
    if(sn7 % 2 == 0) {
        gender = "여";
    } else {
        gender = "남";
    }
%>

    <!-- 출력내용 -->
    <div><%=name%>님(<%=age%>)은 <%=gender%>입니다</div>

⌨ 주사위 던지기

<%
    int d1 = 0; // 1~6, 0은 초기값, 참조타입은 null로 초기화
    int d2 = 0; // 1~6

    //double d = Math.random(); d는 0.000...~0.999...의 실수이다
    d1 = (int)(Math.random() * 6)+1;
    d2 = (int)(Math.random() * 6)+1;

    int sum = d1+d2;
%>
    <div>
        <%
            if(d1 == 1) {
        %>
                <img src="./img/one.jpg"  width="200" height="200">
        <%        
            } else if(d1 == 2) {
        %>
                <img src="./img/two.jpg" width="200" height="200">
        <%        
            } else if(d1 == 3) {
        %>
                <img src="./img/three.jpg" width="200" height="200">
        <%        
            } else if(d1 == 4) {
        %>
                <img src="./img/four.jpg" width="200" height="200">
        <%                
            } else if(d1 == 5) {
        %>
                <img src="./img/five.jpg" width="200" height="200">
        <%        
            } else {
        %>
                <img src="./img/six.jpg" width="200" height="200">
        <%
            }
        %>

        <%
            // 2번째 주사위
            if(d2 == 1) {
        %>
                <img src="./img/one.jpg"  width="200" height="200">
        <%        
            } else if(d2 == 2) {
        %>
                <img src="./img/two.jpg" width="200" height="200">
        <%        
            } else if(d2 == 3) {
        %>
                <img src="./img/three.jpg" width="200" height="200">
        <%        
            } else if(d2 == 4) {
        %>
                <img src="./img/four.jpg" width="200" height="200">
        <%                
            } else if(d2 == 5) {
        %>
                <img src="./img/five.jpg" width="200" height="200">
        <%        
            } else {
        %>
                <img src="./img/six.jpg" width="200" height="200">
        <%
            }
        %>
        <!-- CSS를 이용한 이미지크기 방법도 생각해보기 --->
    </div>
    <div>주사위 결과 : <%=sum%></div>

⌨ 객관식 온라인 시험의 정오표와 점수

<%
    String name = request.getParameter("name");

    //작성된 답안 변수
    int question1 = Integer.parseInt(request.getParameter("one"));
    int question2 = Integer.parseInt(request.getParameter("two"));
    int question3 = Integer.parseInt(request.getParameter("three"));

    //점수 변수
    int answer1 = 0; 
    int answer2 = 0;
    int answer3 = 0;

    //정오표 변수
    String c1 = null;
    String c2 = null;
    String c3 = null;

    //정오표
    /*각 문제의 답 변수(int correct)를 만들어 
    question1==correct1 이라고 하는 것보다 
    변수의 수를 줄일 수 있다.*/
    if (question1==4) { 
        answer1=10;
        c1="O";
    } else {
        c1="X";
    }
    if (question2==4) {
        answer2=10;
        c2="O";
    } else {
        c2="X";
    }
    if (question3==2) {
        answer3=10;
        c3="O";
    } else {
        c3="X";
    }

    //접수합계
    int sum = answer1+answer2+answer3;
%>

❗ 더 간단한 방법

    //작성된 답안 변수
    int question1 = Integer.parseInt(request.getParameter("one"));
    int question2 = Integer.parseInt(request.getParameter("two"));
    int question3 = Integer.parseInt(request.getParameter("three"));

    //점수 변수
    int = score;

    //정오표 변수
    String c1 = null;
    String c2 = null;
    String c3 = null;

    //정오표
    if (question1==4) {
        score=score+1; //위의 방법보다 변수의 수가 줄어든다
        c1="O";
    } else {
        c1="X";
    }
    if (question2==4) {
        score=score+1;
        c2="O";
    } else {
        c2="X";
    }
    if (question3==2) {
        score=score+1;
        c3="O";
    } else {
        c3="X";
    }

⌨ 가위바위보

<%
    request.setCharacterEncoding("utf8"); //한글 값을 받을때 필수적으로 작성한다

    // 사용자 가위바위보
    String userRsp = request.getParameter("userRsp"); // "가위" or "바위" or "보"

    // 컴퓨터 가위바위보
    int r = (int)(Math.random()*3); // 0,1,2

    String comRsp = null;
    if(r==0) {
        comRsp = "가위";
    } else if(r==1) {
        comRsp= "바위";
    } else {
        comRsp= "보";
    }

    // 승패
    String result = null;
    if(userRsp.equals(comRsp)) {
        result = "비겼다";
    } else if((userRsp.equals("가위")&&comRsp.equals("보")) || (userRsp.equals("바위")&&comRsp.equals("보")) || (userRsp.equals("보")&&comRsp.equals("바위"))) {
        result = "이겼다";
    } else {
        result = "졌다";
    }

    out.print(result);
%>

<!-- 출력 페이지에 이미지를 추가하는 방법 -->
<img src="./img/<%=userRsp%>.jpg">

<!-- 다시시작버튼 -->
<form action="./userRsp.html">
    <input type="submit" value="다시시작">
</form>

💪 느낀점

• 결과문을 먼저 분석한 후 어떻게 코드를 작성할 것인지 생각을 정리한 후에 코드작성 시작하기.
• 작성한 코드는 코드리뷰 후에 과제 제출하기.
• 주석을 이용하여 모르는 부분이나 부족한 부분은 설명을 꼭 남기기
• 깔끔한 코드작성!!!

✅이력서 만들기

❗ TIP

• 정렬은 블럭 요소만 가능하므로 <a>를 정렬하고 싶다면 `
  로 감싼다.
• id속성은 딱 하나만 나타내기 때문에 CSS에서는 id를 잘 사용하지 않고 class를 사용한다.
• rowspan, colspan 속성 사용시 가독성을 위해 병합되는 td는 지우지 말고 주석처리한다.
• table은 컨텐츠가 비어있으면 깨지기 때문에  를 넣어서 실행해보자.
• 테이블 안에 테이블을 작성하는 것은 지양하지만 CSS를 배우지 않았으므로 _테이블 안에 테이블을 작성하는 방식_으로 layout을 구성한다.

JAVA_대입연산자, 주석, 한글데이터 받는 방법

// 한줄 주석
/* 여러줄 주석*/

• = : 왼쪽 변수에 오른쪽 값을 대입하는 연산자로, 오른쪽에 표현식이 나오면 값으로 변경 후 대입한다
• ; : 명령의 끝 (예변수 = 값;)
• 페이지간에 데이터를 주고 받는 방식(GET/POST)
• 액션JSP에서 한글데이터를 받는 방법

    request.setCharacterEncoding("utf-8");
    String name = null;
    name = request.getParameter("name");
    System.out.println(name);

  ❗ TIP

• null은 참조타입에만 사용할 수 있다.
• 인코딩은 절대 빼먹으면 안된다.

자바의 기본타입 8가지

byte(1byte), short(2byte/양수), int, long, float, double, boolean, char

    byte a = 1;
    // a = 1000; 불가능
    short b = 2;
    int c = 3;
    long d = 4L;
    float e = 3.1F; 
    double f = 3.1;
    boolean g = true;
    char h = '구';

✅String타입

String타입은 문자열타입 String s = "구디아카데미";

✅값, 표현식, 연산자

• 연산자

• (곱하기), /(나누기), %(나머지) &&(and),||(or)

     int age = 0; //변수 대입연산자 값;
     int age = 777; // 변수 중복선언 에러발생
     age = 777; // age변수안에 0은 사라지고 777이 남음(덮어쓰기)
     age = 10*5; // 우측 표현식을 먼저 연산후 age = 50; 실행
     age = 10/2;
     age = 10%3;
     age = 10/3; // 정수나누기 정수는 정수만 계산
  
     boolean f = 3>20; // f = false;
     out.println(f);
  
     f = (3>2) && (10==9); // f = true && false 
     out.println(f);
  
     f = (3!=2) || (10<=9);
     out.println(f);
  
     String a = "구디";
     String b = "아카데미";
     String c = a+b; // 문자열연결연산자
     out.println(c);
     out.println('A'+'B');

• 실수연산 double x = 10.0 / 3.0;

• 출력명령어 콘솔에 출력하는 명령어 System.out.println(); 웹페이지에 출력하는 명령어 out.println(x);

• 표현식

    age = 7;
    int limitAge = age; // 우측의 변수는 표현식이다. limitAge = 7;
    limitAge = limitAge + 10; // limitAge = 7+10; limitAge = 17;
  
    int y = 1;
    y = y+1;
    y += 1;
    y++;
  
    // 메소드 호출코드(식)도 표현식이다
    double r = Math.random(); // 0.0.... ~ 0.9.....사이값을 랜덤으로 발생
    out.println(r);

  💪 느낀점

• 코드 작성할 때 특수문자는 이스케이프 문자 찾아서 작성하기.

• body를 작성하기 전에 CSS를 먼저 정해야 한다. 순서가 바뀌면 안됨!!!

• 폼 작성시 select를 이용하고, 첫 option은 ==선택== 등으로 하여 깔끔한 폼 만들기 (디테일!)