우젼 개발 공부

floor(), ceil(), round()

우젼 — Sat, 4 Mar 2023 13:58:33 +0900

자바스크립트를 공부하면서 자주 사용된다고 느껴졌지만 확실하게 무슨 기능인지 숙지하지 못했던 기능중 하나 입니다.

거두절미 하고 결론만 말씀드리자면 아래와 같습니다.

Math.floor() : 소수점 아래의 수를 버린다.
Math.ceil() : 소수점 아래의 수를 올림한다.
Math.round() : 소수를 반올림한다.

주로 난수를 생성하는 과정에서 자주 사용했던것 같습니다.

See the Pen Untitled by MeowMeowPuppy (@MeowMeowPuppy) on CodePen.

이를 사용해서 몇개의 예제를 확인해보는 코드펜입니다.

저는 난수를 생성할때 주로 사용했던 것 같습니다.

코딩에서 매우 기본적인 코드임에도 불구하고, 기본이 부족했었던것같습니다.

Vue.js 독학하기 시작

우젼 — Sun, 26 Feb 2023 00:17:33 +0900

Vue.js를 급하게 공부해야할 일이 생겨서 공부를 시작했습니다.

Vue.js를 사용하기 위해서 CDN 방식을 사용할 수도 있지만, npm을 사용하여 vue cli를 설치했습니다.

그리고 스프링 부트와 vue.js를 함께 사용하는 환경에 대해 공부를 해야했던 것이어서 node.js를 한번도 사용해본적이 없고 관련해서는 아는게 없었는데 vue.js를 npm을 이용하여 설치하기 위해서는 node.js를 반드시 먼저 설치해주어야 한다고 합니다.

node.js를 설치하는 과정에서 npm이 함께 설치되어 이를 사용하는 것이라고 카덥니다.

하여, vue.js 를 설치해서 오늘부터 vue.js 속성 공부를 시작합니다.

vue-cli를 사용해서 프로젝트를 만들고 실행하는 것은 구글링을 통해 습득했고,

실제 vue.js에서 사용되는 코드에 대해서는 인프런 강의를 통해 공부해보기로 했습니다.

스프링 부트 3.n버전부터는 JAVA 17부터

우젼 — Sat, 25 Feb 2023 21:11:40 +0900

제목과 같습니다.

스프링 부트 3.0버전 이상은 JAVA 17 이상으로 지원하기 때문에 JDK 1.8을 사용하는 사용자 분들은 에러가 발생할 수 밖에 없습니다.

제가 그랬기 때문에 다음에 이러한 실수를 하지 않기 위해서 메모합니다.

다른 초보 개발자분들께서는 저처럼

Installed JREs, Compiler에서 모두 jdk 1.8버전으로 제대로 설정해두었는데 왜자꾸 생성되는 프로젝트에서는 자바 버전이 자꾸만 17로 바뀌는지 몰라 고생하는일 겪지 않았으면 좋겠습니다.

Comparator<T> Interface 란?

우젼 — Sat, 11 Feb 2023 02:35:26 +0900

지난번에는 Comparable<T>에 대해 알아보았습니다.

그 과정에서 Integer.compare() 메서드를 사용했었는데요, 이 부분에 대해 의문이 생길 수 있다 생각이 되었고, 저 또한 그러한 이유에서 공부했었기 때문에 정리해봅니다.

먼저 compare() 메서드는 매개변수로 들어오는 두 요소를 비교해주는 기능을 제공합니다. Comparable<T>에서 사용한 compareTo() 메서드와 이름이 비슷하여 했갈릴 수 있습니다. 하지만 compare()는 두개의 요소를 비교하는데 사용되고 compareTo() 메서드는 받은 인자와 자신을 비교하는데 사용됩니다.

그리고 compare() 메서드를 사용하기 위해 사용되는 것이 Comparator<T> 인터페이스 입니다.

비교하고자 하는 객체의 클래스를 T로 지정하고 어떻게 비교할 것인지를 직접 구현하는 것으로 compare() 메서드를 사용할 수 있습니다.

그리고 여기서 Comparator<T> 인터페이스를 Implements한 클래스를 객체화 하면 Collectios.sort() 에도 사용이 가능합니다.

원래 Collections.sort() 메서드는 Comparable<T>를 implements하여 구현해주었던 compareTo() 메서드를 기준으로 정렬이 되지만 이때에는 Comparator<T>에서 compare() 메서드를 기준으로 정렬하게 됩니다.

사용 코드는 아래와 같습니다.

public class Main {
	public static void main(String[] args){
		ArrayList<Test> list = new ArrayList<>();
		Test test1 = new Test(1);
		Test test2 = new Test(2);
		Test test3 = new Test(3);
		Test test4 = new Test(4);
		TestComparator com = new TestComparator();
		list.add(test4); list.add(test2); list.add(test3); list.add(test1);
		Collections.sort(list);
		System.out.println("Collections.sort()만 사용");
		for(Test t: list) {
			System.out.println(t.a);
		}
		Collections.sort(list, com);
		System.out.println("\nComparator<T> 인터페이스와 함께 사용");
		for(Test t: list) {
			System.out.println(t.a);
		}
	}
}

class Test implements Comparable<Test>{
	int a;
	public Test(int a) {
		this.a = a;
	}
	@Override
	public int compareTo(Test o) {
		return this.a-o.a;
	}
}


class TestComparator implements Comparator<Test>{
	@Override
	public int compare(Test o1, Test o2) {
		return o2.a - o1.a;
	}
}

결과는 아래와 같습니다

Collections.sort()만 사용했을 때에는 Comparable<T>에서 구현했던 대로 오름차순으로 정렬이 되는것을 확인할 수 있습니다.

그리고 Comparator<T> 인터페이스를 사용한 클래스 TestComparator 객체를 함께 사용함으로 compare에서 구현해줬듯이 내림차순으로 정렬이 되는것을 확인할 수 있습니다.

쉽게 했갈릴 수 있겠다 라고 생각을 했던 부분은 Comparator<T> 인터페이스를 사용할때에 비교하고자 하는 클래스를 T에 넣고 해당 클래스인 객체만 비교할 수 있다는 것이었습니다. 이 부분만 했갈리지 않게 주의한다면 Comparable<T>과 Comparator<T> 인터페이스를 활용하는데에 큰 문제는 없을것이라 생각 됩니다.

Comparable<T> Interface란?

우젼 — Sat, 11 Feb 2023 01:26:03 +0900

저는 백준 11650, 11651번 문제를 해결하기 위해 이것저것 찾아보다가 발견하게 되었습니다.

보통 이 문제의 해결 과정을 찾아보면 2차원 배열을 사용하여 정렬하는 방법을 알려주긴 합니다.

Q. Comparable<T>란?

A. Collections의 sort() 메서드를 위해 사용되는 인터페이스입니다.

즉, Comparable<T>를 implements 하는 것으로 Collections.sort()의 정렬 기준을 재정립 할 수도 있습니다.

일반적으로 컴퓨터에서 데이터의 비교는 비교연산자를 통해 손쉽게 가능합니다. 때문에 sort() 메서드는 이러한 과정을 통해 컬렉션의 내부 요소를 비교하고 정렬합니다.

하지만 만약 비교하고자 하는 대상이 기본 자료형이 아는 객체일 경우에는 애로사항이 발생하게 됩니다.

예시로 x좌료와 y좌표라는 값을 가지는 Point라는 클래스가 존재할때에 이를 예시로 들어보겠습니다.

x좌표를 기준으로 정렬할 것인지 또는 y좌표를 기준으로 정렬할 것인지 컴퓨터는 알 수 없습니다. 이를 사용자가 지정해주지 않았기 때문입니다. 그렇기 때문에 우리는 Comparable<T> 인터페이스를 사용하여 이를 명시해주어야합니다.

사용방법은 Comparable<> 인터페이스를 implements한 후, compareTo() 메서드를 Override하여 compareTo() 메서드를 구현하는 것으로 Collections.sort()의 정렬 기준을 만들어 줄 수 있습니다.

CompareTo()메서드에서 반환값에 따라 정렬되는 순서가 다릅니다. 이때에 리턴값이 양수라면 오름차순, 음수라면 내림차순으로 정렬이됩니다.

글로만 설명하는 것으로는 설명이 어렵기도 하고 이해도 어려울 수 있으니 실제 코드를 보면 이해가 쉬울것이라 생각합니다.

public class Main {
    public static void main(String[] args) throws IOException {
        BufferedReader br = new BufferedReader(new InputStreamReader(System.in));
        BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out));
        StringBuilder sb = new StringBuilder();
        int n = Integer.parseInt(br.readLine());
        ArrayList<Point> points = new ArrayList<>();
        for (int i = 0; i < n; i++) {
            String[] line = br.readLine().split(" ");
            int x = Integer.parseInt(line[0]);
            int y = Integer.parseInt(line[1]);
            points.add(new Point(x, y));
        }
        
        Collections.sort(points);
        for (int i = 0; i < n; i++) {
            Point p = points.get(i);
            sb.append(p.x).append(" ").append(p.y).append("\n");
        }
        bw.write(sb.toString());
        bw.flush();
        bw.close();
    }
}

class Point implements Comparable<Point> {
    int x;
    int y;

    public Point(int x, int y) {
        this.x = x;
        this.y = y;
    }

    @Override
    public int compareTo(Point o) {
        if (this.y == o.y) {
            return Integer.compare(this.x, o.x);
        }
        return Integer.compare(this.y, o.y);
    }
}

Point라는 클래스에 Comparable<T> 인터페이스를 implements하여 Collections.sort() 메서드를 사용할때 어떻게 정렬하게 될것인지를 직접 구현해주었고, 이를 통해 구분되게 하였습니다.

StringBuilder의 사용방법

우젼 — Wed, 8 Feb 2023 01:32:31 +0900

백준 2751번 문제를 풀다가 시간 초과로 문제를 풀지못했습니다.

그래서 제가 알고 있는 방법으로는 도저히 이 문제를 해결할 방법을 찾지 못해서 결국 검색을 해봤습니다.

결과적으로 이 문제를 풀기위한 키포인트는 두가지가 있었습니다.

Arrays.sort()가 아닌 Collections.sort() 사용하기.

StringBuilder를 사용하기

Arrays.sort()와 Collections.sort()의 작동 원리가 서로 다르고 결과적으로 Collections.sort()가 더 빠르다고합니다.

그리고 StringBuilder는 처음 사용해보는 클래스여서 이번에 공부하게 되었습니다.

원래 String 클래스로 만든 문자열은 변경이 불가합니다. 그리고 이를 연산하는 과정도 메모리를 많이 사용하게 되어 성능의 저하를 유발하기도 합니다.

이러한 String의 문제점을 해결하기 위해 StringBuilder를 사용할 수가 있습니다.

StringBuilder는 변경이 가능한 문자열을 생성하는 것으로 String에 비해 메모리를 적게 할당하기 때문에 이를 사용하여 성능 향상을 기대할 수 있습니다.

StringBuilder에서 사용할 수 있는 메서드는 아래와 같습니다.

append(arg)	arg를 문자열에 더합니다
insert(int offset, arg)	offset의 위치에 arg를 더합니다
replace(int start, int end, Strng str)	start와 end 사이의 문자열을 str로 대체합니다.
setCharAt(int index, Char arg)	index의 위치한 문자열을 char형 arg로 대체합니다
delete(int start, int end)	start에서 end 까지의 위치한 문자열을 삭제합니다
deleteCharat(int index)	index에 위치한 문자열을 삭제합니다
reverse()	문자열의 순서를 반대로 합니다
toString()	String 자료형을 반환합니다
setLength(int arg)	문자열의 길이를 arg로 만듭니다.

여기서 replace()를 사용할때 start와 end를 같게하면 해당 위치에 값을 끼워넣을 수도있습니다. insert()와 같은 기능으로도 사용할 수 있습니다. 하지만 그럴거면 차라리 insert()를 사용합시다.

그리고 setLength()는 문자열의 길이가 arg보다 짧다면 arg만큼 문자열의 공백으로 채워줍니다.

반대로 문자열의 길이가 arg보다 길다면 나머지는 잘라버립니다.

Q.그래서 이번 글의 핵심은 뭔데?

01. StringBuilder를 사용하면 문자열의 연산으로 인해 메모리가 낭비되고 성능이 저하되는 것을 최소한으로 할 수 있다.

02. Arrays.sort()와 Collections.sort()는 서로 연산과정이 다르고 덕분에 Collections.sort()가 속도 측면에서 더 빠르다

StringTokenizer VS split() 둘을 비교해보자

우젼 — Tue, 7 Feb 2023 13:19:39 +0900

※ 지식이 많이 부족하여 이론적인 부분이 이해도 어렵고 설명도 주관적인게 많습니다. 틀린부분은 지적해주시면 감사하겠습니다.

백준 골드를 목표로 공부하면서 1152번 문제에서 막혀서 잠깐 구글링했습니다.

이정도 수준에서 못풀어서 검색하는 스스로가 안타까울뿐입니다.

원래 저는 split하기전에 문자열의 첫번째 글자와 마지막 글자가 공백인지 확인하고 이를 지우고 그 다음에 split으로 나눠주는 방법으로 문제를 해결하고자 했습니다.

하지만 자꾸만 에러가 발생하여 문제를 해결하지 못했고...결국엔 구글링의 힘을 빌어 해결했습니다.

그래서 얻은 해답이 바로 StringTokenizer 입니다.

StringTokenizer은 문자열을 토큰화 하는 클래스 입니다. 조금더 쉽게 말하면 문자열을 어떠한 기준에 따라 나누는 기능을 제공합니다.

split()에서는 String[]을 반환하지만 StringTokenizer는 나눈 문자들을 각각의 토큰으로 저장하게 됩니다.

StringTokenizer의 생성 예시는 아래와 같습니다

StringTokenizer st = new StringTokenizer(문자열)
StringTokenizer st = new StringTokenizer(문자열, 구분자)
StringTokenizer st = new StringTokenizer(문자열, 구분자, boolean)

StringTokenizer st = new StringTokenizer(문자열)

의 방법으로 문자열을 토큰화 시킬 경우에는 띄어쓰기를 기준으로 자동으로 문자열을 나누어 토큰화 합니다.

구분자를 사용할 경우에는 띄어쓰기가 아닌 사용자가 입력한 구분자를 기준으로 문자열을 나누어 토큰화합니다.

++ 이때에 구분자는 하나 이상이 될 수 있습니다. 구분자에 "-+" 를 입력한다면 -와 +를 기준으로 문자열을 나눕니다.

boolean은 구분자도 토큰에 포함할지를 결정합니다. true라면 구분자도 토큰에 포함시킵니다. 디폴트는 false입니다.

StringTokenizer에서 사용할 수 있는 메서드로는 hasMoreTokens(), nextToken(),countToken() 등이 있습니다.

hasMoreToken()	토큰이 더 남아있는지에 따라 true/false 반환
nextToken()	토큰(문자열)을 반환
nextToken(String delim)	delim을 기준으로 토큰을 반환
countToken()	토큰의 갯수 반환

Q.그래서 split과 StringTokenizer의 차이는 뭐냐?

split은 String 클래스에서 사용할 수 있는 하나의 메서드, StringTokenizer는 클래스라는 차이점이 있습니다.

split은 빈 문자열도 인식해서 String[]을 반환하고, StringTokenizer는 빈 문자열은 토큰을 반환하지 않습니다.

Q.그래서 왜 split()이 아니라 StringTokenizer를 사용하냐?

일단, StringTokenizer가 더 빠릅니다. 이것만으로도 StringTokenizer를 사용하는 이유로는 충분하다 생각됩니다.

하지만 StringTokenizer는 특정 인덱스의 값을 가져오는 방법이 없고 반복문과 nextToken() 메서드를 사용하여 하나씩 확인해야한다는 번거로움이 있습니다.

많은 블로그를 보면서 이 둘의 차이를 비교해봤는데 일반적으로 StringTokenizer가 빠르지만 데이터가 많다면 큰 차이를 기대하기는 어렵다는 의견이 많았습니다.

++plus

hasMoreTokens()와 hasMoreElements()가 있고 nextToken()과 nextElement()가 있어 각각의 차이가 무엇인지 궁금하여 찾아봤습니다.

결국 얻은 답은 같다는 건데 이름에서 좀더 직관적인 hasMoreTokens()와 nextToken()을 사용하는것이 가독성이 좋은 코드가 될것같다 생각합니다.

세션, 쿠키, 캐시에 대해 알아보자

우젼 — Wed, 1 Feb 2023 15:09:53 +0900

부트캠프를 들으면서도 가장 이해가 안가고 했갈렸던 부분을 꼽으라면 세션, 쿠키, 캐시였습니다.

사실 지금도 이게 했갈리고 말로 설명하라면 못하겠어서 정리하고자 합니다.

언뜻보면 조금씩은 다 비슷한 기능을 하는것같기도한 이것들에 대해 특징만 짚고 넘어가보겠습니다.

01. 세션?

세션은 데이터를 서버에 저장합니다.
생명주기를 설정할 수도 있겠지만 기본적으로 브라우저 종료시 세션도 함께 종료됩니다.
서로 다른 브라우저를 사용하면 서로 다른 세션을 사용할 수 있습니다 ex)익스플로러, 크롬, 파이어폭스를 같이 사용하면 서로 다른 세션을 사용하게 됩니다
서버에서 데이터를 저장하기 때문에 서버에 부담이갈 수 있습니다
쿠키에 비해 비교적으로 보안성이 좋습니다.
데이터의 처리를 서버에서 해줘야하기 때문에 비교적 느립니다.

02.쿠키?

쿠키는 데이터를 사용자의 컴퓨터에 저장합니다.
컴퓨터에 있는 쿠키를 변조하기가 쉽기 때문에 보안성이 취약합니다
세션에 비해 속도가 빠릅니다
쿠키의 만료일을 지정하여 일정 기간동안만 사용할 수 있습니다 +이를 응용한것으로 자동 로그인, 팝업 안보기 등이 있습니다.

03. 캐시?

한번 접속했던 페이지에 재접속할때 속도를 향상 시키기 위해 사용됩니다
사용자의 pc에 저장하여 사용하기 때문에 속도가 빠릅니다.
이미지, js, 오디오, 동영상 등을 캐시를 사용하여 보다 빠른 속도를 제공해줄 수 있습니다.

Q? 세션, 쿠키는 사용자의 정보를 서버가 갖느냐 사용자가 갖느냐로 나눌 수 있겠다만은, 캐시도 그런 역할을 해줄 수 있는것인가? 에 대해서는 잘 모르겠습니다 제가 생각하기에는 캐시는 용도가 사뭇 다르기 때문에 이건 안될거라고 생각합니다만 정확히는 잘 모르겠습니다. 선배 개발자분에게 물어봐야겠습니다.

리눅스 명령어에 대해 알아보자 - 3

우젼 — Wed, 1 Feb 2023 14:37:33 +0900

이번에는 제가 모르는 명령어였던것들에 대해 알아보겠습니다.

01. ps

ps : 현재 실행되고 있는 프로세스들의 정보를 출력합니다.
주로 사용되는 옵션은 아래의 옵션들입니다.
-e : 모든 프로세스를 봅니다
-f : 프로세의 상태정보를 전부봅니다.
-u : 특정 사용자가 사용중인 프로세를 출력합니다.
-p : 특정 pid번호인 프로세스의 정보를 출력합니다.

지난 면접에서 리눅스에서 프로세스 상태를 알 수 있는 명령어에 대해 물어봤는데 몰라서 모른다고 밖에 못했습니다.

허허헣 이제라도 알았으니 기억해두겠습니다.

헌데 아직 리눅스 환경 개발 경험이 없어 ps의 사용 빈도나 중요도에 대해서는 잘 모르겠네요

리눅스 명령어에 대해 알아보자 - 2

우젼 — Wed, 1 Feb 2023 14:20:32 +0900

지난번까지 리눅스 명령어에 대해 알아봤습니다.

이번에도 리눅스 명령어에 대해 알아보겠습니다.

이번에 알아볼 명령어를 알기 전에 리눅스에서 파일의 권한에 대해 보는 법을 먼저 보겠습니다.

권한에는 아래의 세가지가 있습니다

r : read 읽기
w : write 쓰기
x : excute 실행하기

그리고 권한은 파일의 소유자인 user, 소유자가 소속된 group, 그리고 그외의 others로 나뉩니다.

user, group, others는 각각 rws에 권한을 부여받을 수 있습니다.

이를 숫자로 표현하기도 하는데 각각

r : 4
w : 2
x : 1

으로 표현합니다.

751 의 권한이 부여되어 있는 파일이라면 user는 읽고,쓰고,실행이 가능하며 group은 읽고,실행이 가능하고 others는 실행만 가능한 권한 상태라고 할 수 있겠습니다.

01. chmod

chmod : 파일의 권한을 설정합니다

사용예시
chmod 옵션 권한 목적파일

dir 디렉토리에 모든 사용자가 읽고쓰고실행하는게 가능해집니다.
chmod 777 dir

exam.txt파일에 user는 rwx, group과 others는 rx만 가지게됩니다.
chmod 755 exam.txt

++ 디렉토리의 경우 하위 파일의 권한도 변경해주고 싶을경우 -R 옵션을 통해 하위 파일의 권한도 한번에 변경할 수 있습니다.

02.chown

chown : 파일의 소유자와 소유그룹을 설정합니다

사용예시
chown 옵션 소유주:소유그룹 목적파일

exam.txt의 소유자는 user1, 소유그룹은 group1이 됩니다.
chown user1:group1 exam.txt

exam.txt의 소유자를 user1로 변경합니다
chown user1 exam.txt

exam.txt의 소유자, 소유 그룹을 user로 변경합니다
chown user: exam.txt

dir1 디렉토리의 소유그룹을 group으로 변경합니다.
chown :group dir1

++ 디렉토리의 경우 하위 파일에도 동일하게 적용하고 싶다면 -R 옵션을 사용하여 일괄적용할 수 있습니다.