Codingworld

JSP oracle DB 연결 방법

Goyoungjung — Tue, 29 Aug 2023 11:49:03 +0900

package com.shopping.model.dao;

import javax.naming.Context;
import javax.naming.InitialContext;
import javax.sql.DataSource;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class MemberDao {
	private DataSource dataSource;

	public MemberDao() {
		try {
			Context context = new InitialContext();
			dataSource = (DataSource) context.lookup("java:comp/env/jdbc/Oracle");
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

	public String printMemberIDs() {
		Connection connection = null;
		PreparedStatement preparedStatement = null;
		ResultSet resultSet = null;

		try {
			String memberId = "";
			connection = dataSource.getConnection();

			// SQL 쿼리
			String sql = "SELECT id FROM members";
			preparedStatement = connection.prepareStatement(sql);

			System.out.println(preparedStatement.getConnection());

			resultSet = preparedStatement.executeQuery();

			while (resultSet.next()) {

				memberId = resultSet.getString("id");

			}

			if (memberId.isEmpty()) {
				System.out.println("No member ID found.");
			}

			return memberId;
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			// 리소스 해제
			try {
				resultSet.close();
			} catch (Exception e) {
				e.printStackTrace();
			}
			try {
				preparedStatement.close();
			} catch (Exception e) {
				e.printStackTrace();
			}
			try {
				connection.close();
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
		return "false";
	}
}

Context 클래스

프로그램이 실행되는 환경이나 상황에 대한 정보를 제공하고 관리하는 클래스

다양한 맥락에서 프로그램의 동작을 조정하거나 필요한 데이터를 제공하기 위해 사용

Context는 일종의 컨테이너로서 프로그램이 동작하는 동악 필요한 리소스를 저장하고 접근할 수 있도록 도와줌

InitialContext

Java Naming Directory Interface를 사용하여 context를 초기화하는 부분

JNDI는 Java 애플리케이션에서 네임스페이스를 사용하여 서버 리소스나 서비스에 접근하고 관리하는 방법을 제공하는 API

JNDI는 주로 데이터베이스 연결, 메시지 큐, 웹 서비스 등과 같은 서버 리소스를 관리하거나, 환경 변수나 설정 값 등을 접근하는데 사용

DataSource

데이터베이스 커넥션 풀을 관리하기 위한 java 인터페이스

커넥션 풀은 데이터베이스 연결을 관리하고 재사용하는데 사용되며, 애플리케이션이 데이터베이스를 효율적으로 상호 작용할 수 있도록 도와줌

데이터베이스 커넥션 풀을 사용하면 연결 생셩과 해제에 드는 오버헤드를 줄이고, 애플리케이션의 성능을 개선할 수 있음.

PreparedStatement

java의 JDBC(Java Database Connectivity) API에서 제공하는 인터페이스

SQL 쿼리문을 미리 준비하고 실행하는데 사용되는 객체

1. SQL 인젝션 방지 : 파라미터 값을 자동으로 이스케이프하고 따옴표를 처리하여 SQL 인젝션과 같은 보안 취약점을 방지

2. 파라미터 사용 : SQL문에 변수처럼 파라미터 사용 가능

3. 캐시 활용 : 데이터베이스 시스템은 동일한 SQL문이 여러 번 실행될 경우 실행 계획을 캐시에 저장. SQL문이 여러번 실행될 때 실행 계획을 재사용하여 성능 향상

4. 타입 매칭 : 파라미터 값의 데이터 타입에 따라 자동으로 적절한 데이터타입으로 변환하여 SQL문에 적용

executeUpdate() 메서드를 통해 SQL 구문 실행

ResultSet

JDBC API에서 제공하는 인터페이스로, 데이터베이스에서 쿼리를 실행한 결과로 얻어진 결과 집합을 나타내는 객체

데이터베이스로부터 검색한 데이터를 가져오고 처리할 수 있음

executeQuery() 메서드로 쿼리를 실행

정규화

Goyoungjung — Mon, 14 Aug 2023 09:46:30 +0900

데이터 이상 현상

데이터 집합에서 예상하지 못한 비정상적인 패턴이나 동작을 나타내는 현상

정규화를 하는 이유

데이터를 입력/수정/삭제 등의 작업이 발생하는 이상 현상 방지
독립된 Entity로 정의함으로써 높은 응집역과 낮은 결합도를 유지
중독된 데이터를 최소함으로써 저장 공간을 최소화
좀더 작은 단위의 Entity로 분해함으로써 재활용성 증가

정규화 정의

중복 되는 데이터를 나누어 여러 개의 테이블에 분산 저장하는 기법
실세계의 데이터를 구조화/체계적으로 재배치/분해하는 방법

정규화 목적

데이터의 일관성을 보장받고, 중복된 데이터를 최소화로 안전성과 확보하기 위함이다.

함수의 종속성

특정 속성의 모든 값에 대하여 다른 속성의 값이 유일하게 결정되게 하는 함수의 속성을 의미한다.
X -> Y

백준 1764

Goyoungjung — Fri, 4 Aug 2023 12:11:13 +0900

https://www.acmicpc.net/problem/1764

1764번: 듣보잡

첫째 줄에 듣도 못한 사람의 수 N, 보도 못한 사람의 수 M이 주어진다. 이어서 둘째 줄부터 N개의 줄에 걸쳐 듣도 못한 사람의 이름과, N+2째 줄부터 보도 못한 사람의 이름이 순서대로 주어진다.

www.acmicpc.net

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.*;

public class Main {
    public static void main(String[] args) throws IOException {
        BufferedReader br = new BufferedReader(new InputStreamReader(System.in));

        String str = br.readLine();

        StringTokenizer stk = new StringTokenizer(str);

        int n = Integer.parseInt(stk.nextToken());
        int m = Integer.parseInt(stk.nextToken());

        Set<String> unheardList = new HashSet<>();

        for (int i = 0; i < n; i++) {
            unheardList.add(br.readLine());
        }

        Set<String> unseenList = new HashSet<>();

        for (int i = 0; i < m; i++) {
            unseenList.add(br.readLine());
        }

        List<String> list = new ArrayList();

        for (String s : unheardList) {
            if (unseenList.contains(s)) {
                list.add(s);
            }
        }

        list.sort(null);
        System.out.println(list.size());
        for (String s : list) {
            System.out.println(s);
        }

    }
}

Set의 기능만 알고 있으면 너무나도 쉬운 문제이다.

듣지도 못한 사람 리스트와 보지도 못한 사람 리스트를 담을 수 있는 Set을 만들고 contains를 통해서 두 Set에 포함된다면 결과 리스트에 추가한다.

문제는 정렬해서 보여주는 것을 원하므로 list.sort를 통해 정렬 시킨 다음에 출력한다.

백준 1620

Goyoungjung — Fri, 4 Aug 2023 11:07:11 +0900

https://www.acmicpc.net/problem/1620

1620번: 나는야 포켓몬 마스터 이다솜

첫째 줄에는 도감에 수록되어 있는 포켓몬의 개수 N이랑 내가 맞춰야 하는 문제의 개수 M이 주어져. N과 M은 1보다 크거나 같고, 100,000보다 작거나 같은 자연수인데, 자연수가 뭔지는 알지? 모르면

www.acmicpc.net

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.*;

public class Main {
    public static void main(String[] args) throws IOException {
        BufferedReader br = new BufferedReader(new InputStreamReader(System.in));

        String input = br.readLine();

        StringTokenizer st = new StringTokenizer(input, " ");

        int n = Integer.parseInt(st.nextToken());
        int m = Integer.parseInt(st.nextToken());

        Map map = new HashMap();

        for (int i = 1; i <= n; i++) {
            int key = i;
            String value = br.readLine();

            map.put(key, value);
        }

        List<Object> list = new ArrayList<>();

        for (int i = 0; i < m; i++) {
            list.add(br.readLine());
        }

        List<Object> result = new ArrayList<>();
        List<Map.Entry<Integer, String>> entries = new LinkedList<>(map.entrySet());
        entries.sort(Map.Entry.comparingByValue());


        for (int i = 0; i < list.size(); i++) {
            char ch = ((String) list.get(i)).charAt(0);
            if (Character.isDigit(ch)) {
                result.add(map.get(Integer.parseInt((String) list.get(i))));
            } else {

                int start = 0;
                int mid = 0;
                int end = entries.size() - 1;

                while (start <= end) {
                    mid = (start + end) / 2;
                    if (entries.get(mid).getValue().compareTo((String) list.get(i)) == 0) {
                        result.add(entries.get(mid).getKey());
                        break;
                    } else if (entries.get(mid).getValue().compareTo((String) list.get(i)) < 0) {
                        start = mid + 1;
                    } else {
                        end = mid - 1;
                    }
                }
                

            }
        }

        for (Object i : result) {
            System.out.println(i);
        }

    }
}

위 코드는 Map 한 개로 문제를 풀려고 했다.

Key에는 포켓몬의 번호를 value에는 포켓몬의 이름을 넣었다.

오박사가 문제를 냈을 때 포켓몬의 번호를 주었는지 이름으로 주었는지 판단하기 위해 아래의 코드를 사용했다.

char ch = ((String) list.get(i)).charAt(0);
            if (Character.isDigit(ch))

번호를 주어졌을 때 Map get 메소드를 통해 포켓몬의 이름을 가져온다.

포켓몬의 이름이 주어졌을 때 이름을 기준으로 사전순으로 저장된 List를 통해서 이진검색으로 포켓몬 번호를 찾는다.

하지만 1문제마다 이진 검색을 하기 때문에 시간이 오래 걸린다.

그래서 단순하게 생각해서 Map를 2개 만들었다.

포켓몬 번호가 Key인 Map,. 포켓몬 이름이 Key인 Map

오박사의 문제가 주어졌을 때 포켓몬 번호인지 포켓몬 이름인지 판단하고 적절한 Map에 적용시켜 get 메소드를 통해 답을 찾았다.

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.*;

public class Main {
    public static void main(String[] args) throws IOException {
        BufferedReader br = new BufferedReader(new InputStreamReader(System.in));

        String input = br.readLine();

        StringTokenizer st = new StringTokenizer(input, " ");

        int n = Integer.parseInt(st.nextToken());
        int m = Integer.parseInt(st.nextToken());

        Map numberIndexMap = new HashMap();
        Map nameIndexMap = new HashMap();

        for (int i = 1; i <= n; i++) {
            int key = i;
            String value = br.readLine();

            numberIndexMap.put(key, value);
            nameIndexMap.put(value, key);
        }

        List<Object> list = new ArrayList<>();

        for (int i = 0; i < m; i++) {
            list.add(br.readLine());
        }

        List<Object> result = new ArrayList<>();

        for (Object o : list) {
            char ch = o.toString().charAt(0);
            if (Character.isDigit(ch)) {
                result.add(numberIndexMap.get(Integer.parseInt(o.toString())));
            } else {
                result.add(nameIndexMap.get(o.toString()));
            }
        }

        for (Object o : result) {
            System.out.println(o);
        }
    }
}

백준 7785

Goyoungjung — Thu, 3 Aug 2023 17:55:11 +0900

https://www.acmicpc.net/problem/7785

7785번: 회사에 있는 사람

첫째 줄에 로그에 기록된 출입 기록의 수 n이 주어진다. (2 ≤ n ≤ 106) 다음 n개의 줄에는 출입 기록이 순서대로 주어지며, 각 사람의 이름이 주어지고 "enter"나 "leave"가 주어진다. "enter"인 경우는

www.acmicpc.net

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.*;

public class Main {
    public static void main(String[] args) throws IOException {
        BufferedReader br = new BufferedReader(new InputStreamReader(System.in));

        int n = Integer.parseInt(br.readLine());

        Map map = new HashMap();

        for (int i = 0; i < n; i++) {
            String[] input = br.readLine().split(" ");
            map.put(input[0], input[1]);
        }

        Iterator<Map.Entry<String, String>> itr = map.entrySet().iterator();

        List<String> list = new ArrayList<>();

        while (itr.hasNext()) {
            Map.Entry<String, String> entry = itr.next();
            if(entry.getValue().equals("enter")) {
                list.add(entry.getKey());
            }
        }

        Collections.sort(list, Collections.reverseOrder());

        for (String s : list) {
            System.out.println(s);
        }


    }
}

Map을 사용하여 문제를 풀었다.

이유는 key에는 사람 이름을 넣고, value에는 출퇴근 여부를 넣기 위해서이다.

물론 배열로 작성하여 문제를 풀 수 있지만 그러기에는 손이 너무 많이 간다.

 Iterator<Map.Entry<String, String>> itr = map.entrySet().iterator();

Map을 사용하면 순차적으로 요소에 있는 key와 value에 접근하지 못한다.

따라서 Iterator를 사용하여 Map 요소들을 순회하였다.

entrySet() 은 Map 객체에 있는 모든 키-값 쌍들을 Set 형태로 반환시켜 준다.

interator()은 Set이 가지고 있는 인터페이스이고, Set에 있는 요소들을 순회할 수 있는 Iterator 객체를 반환시켜준다.

Collections.sort(list, Collections.reverseOrder());

Collections 는 컬렉션(리스트, 세트, 맵 등)을 다루는 유틸리티 클래스이다.

sort를 사용해서 정렬을 할 수 있고, Collections.reverseOrder()를 통해 역순으로 정렬 가능하다.

setInterval 함수

Goyoungjung — Tue, 25 Jul 2023 11:14:05 +0900

setInterval(callback, delay[, arg1, arg2, ...]);

JavaScript에서 주어진 시간 간격마다 지정된 함수를 반복적으로 실행하는 타이머 메소드

일정한 시간 간격으로 작업이 반복되어야 할 때 유용하게 사용

callback : 지정된 시간 간격마다 호출될 함수로, 일종의 콜백 함수. 즉, 이 함수가 반복적으로 실행

delay : 콜백 함수를 실행하기 전에 기다릴 시간 간격

arg1, arg2, ... : 선택적 매개변수로, 콜백 함수에 전달될 인수

setInterval()로 시작한 반복 작업은 clearInterval() 함수를 사용하여 중지할 수 있다.

<template>
  <input v-model="inputText" @input="handleInput" />
  {{ inputText }}
  <div>
    <span>timer</span>
    <p v-if="timer > 0">카운트 다운: {{ timer }}</p>
    <p v-else>타이머 종료</p>
  </div>
</template>

<script>
export default {
  name: "App",
  components: {},
  data() {
    return {
      inputText: "",
      timer: 60,
      interval: null,
    };
  },
  methods: {
    handleInput() {
      // 키 입력 시마다 기존 타이머를 중지하고 새로운 타이머를 시작합니다.
      if (this.interval) {
        return;
      }

      // 타이머가 종료될 때까지 1초마다 countdown 값을 감소시킵니다.
      this.interval = setInterval(() => {
        if (this.timer > 0) {
          this.timer--;
        } else {
          clearInterval(this.interval);
        }
      }, 1000);
    },
  },
};
</script>

JAVA int vs Integer

Goyoungjung — Mon, 24 Jul 2023 11:06:03 +0900

int와 Integer

공통점 : 둘 다 정수를 표현하는 데이터 타입

차이점 : int는 기본 타입, Integer는 래퍼 클래스

int

java의 기본 데이터 타입 중 하나로, 32비트 크기를 가지며 정수 값을 나타냄

int는 메모리에서 직접 값을 저장하는데 사용되기 때문에 메모리 사용 측면에서 효율적

Integer

int의 래퍼 클래스

래퍼 클래스는 기본 데이터 타입을 객체로 래핑하여 추가 기능을 제공하도록 돕는 역할

래프 클래스는 주로 제네릭과 같은 상황에서 필요하거나, 객체를 요구하는 자바 라이브러리와 함께 사용

Integer 클래스는 int에 비해 메모리 오버헤드가 있으며, 불변객체이므로 값을 변경할 수 없음

- 기본적으로 int를 사용하여 정수 값을 다루고, 특별한 경우에만 Integer 래퍼 클래스를 사용하는 것을 권장

제네릭(Generic)

클래스 내부에서 지정하는 것이 아닌 외부에서 사용자에 의해 지정되는 것

특정 타입을 미리 지정해두는 것이 아닌 필요에 의해 지정할 수 있도록 일반 타입이라는 것

this.$nextTick()

Goyoungjung — Wed, 19 Jul 2023 10:59:48 +0900

vue.js에서 제공하는 메소드

vue의 반응성 시스템을 이해하고 활용하는데 유용

vue 컴포넌트는 데이터가 변경되면 자동으로 리렌더링되지만, 때로는 변경된 데이터가 DOM에 적용되기 전에 코드를 실행해야 하는 경우가 있음 -> 이때 this.$nextTick()를 사용해야 함

DOM 업데이트 사이클에서 코드 실행 함. 즉 데이터 변경 후 DOM 업데이트가 완료된 시점에서 콜백 함수를 실행

-> 변경된 데이터가 반영된 화면을 기반으로 추가적인 작업을 수행할 수 있음

<template>
  <Title name="TO-DO" />
  <ToDoInput />

  <div v-for="data in dataJson" :key="data.id">
    <div>
      <input type="checkbox" :id="data.id" @click="check" />{{ data.todo }}
    </div>
  </div>
  <ToDoList />
</template>

<script>
import axios from "axios";
import Title from "./components/Title.vue";
import ToDoInput from "./components/ToDoInput.vue";
import ToDoList from "./components/ToDoList.vue";

export default {
  name: "App",
  components: {
    Title,
    ToDoInput,
    ToDoList,
  },
  data() {
    return {
      dataJson: null, // json 파일에 저장되어있는 데이터를 dataJson으로 저장
      checkedCategories: [],
    };
  },
  created() {
    this.getData();
  },
  methods: {
    // 서버 측에게 ToDoList data를 요청하고 받아와 화면에 출력
    getData() {
      axios
        .get("http://localhost:3000/getData")
        .then((response) => {
          this.dataJson = response.data;
        })

        .catch((error) => {
          console.error(error);
        });
    },
    check(e) {
      this.$nextTick(() => {
        console.log(e.target.id);
      });
    },
  },
};
</script>

git commit

Goyoungjung — Tue, 18 Jul 2023 16:05:43 +0900

feat: 새로운 기능 추가
fix: 버그 수정
docs: 문서 업데이트
style: 코드 스타일 변경 (예: 들여쓰기, 공백 등)
refactor: 코드 리팩토링 (기능 변경 없음)
test: 테스트 코드 추가 또는 수정
chore: 빌드 설정, 패키지 매니저 등의 변경사항

Vue.js ref와 reactive 차이점

Goyoungjung — Tue, 18 Jul 2023 09:12:29 +0900

ref

ref로 래핑된 변수를 변경하면 Vue는 해당 변수에 대한 반응성을 추적하고 변경 사항을 감지하여 자동으로 컴포넌트를 업데이트

import { ref } from 'vue';

const count = ref(0);
console.log(count.value); // 0

count.value++; // 변수 변경
console.log(count.value); // 1

reactive

import { reactive } from 'vue';

const state = reactive({
  count: 0,
  message: 'Hello'
});

console.log(state.count); // 0
console.log(state.message); // 'Hello'

state.count++; // 프로퍼티 변경
state.message = 'Updated message';
console.log(state.count); // 1
console.log(state.message); // 'Updated message'

reactive로 감싼 객체의 프로퍼티에 접근하면 Vue는 해당 프로퍼티의 의존성을 추적하고 변경 사항을 감지하여 자동으로 컴포넌트를 업데이트

reactive는 객체 단위로 동작하며, 객체의 모든 프로퍼티가 반응성 가짐

Codingworld

JSP oracle DB 연결 방법

Context 클래스

InitialContext

DataSource

PreparedStatement

ResultSet

정규화

데이터 이상 현상

정규화를 하는 이유

정규화 정의

정규화 목적

함수의 종속성

백준 1764

백준 1620

백준 7785

setInterval 함수

JAVA int vs Integer

int와 Integer

int

Integer

this.$nextTick()

git commit

Vue.js ref와 reactive 차이점

ref

reactive

ref는 단일 변수에 사용되고 reactive는 객체에 사용

ref로 래핑된 변수에는 .value를 사용하여 접근하고 변경

reactive로 만들어진 객체의 프로퍼티에는 직접 접근하거나 할당 가능