[JavaScript] : tirm()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/trim

String.prototype.trim() - JavaScript | MDN

구현시키고 싶은 기능

게시글 작성시 제목과 내용에 작성된 부분이 없다면, 예외처리를 하고 싶다.

시도해 본 것

// 초기코드
    
    // 제목의 입력값이 없을 때,
    if (title === ' ' || title === undefined) {
        return res.status(412).json({ errorMessage: '게시글 제목의 형식이 올바르지 않습니다.' });
    }
    // 내용의 입력값이 없을 때,
    if (content === ' ' || content === undefined) {
        return res.status(412).json({ errorMessage: '게시글 내용의 형식이 올바르지 않습니다.' });
    }

위 코드는 하나의 공백은 잡아내지만 2개 이상의 공백일 경우 예외처리를 하지 못한다.

!title을 사용하지 않은 이유

!title은 내가 예외처리를 원하는 빈 공백들로 이루어진 문자열까지는 잡아내지 못하기 때문에 사용하지 않았다.

console.log(Boolean('  ')); // true

function a(a, b) {
    if (' ' === '  ') {
        return a + b;
    } else {
        return 10;
    }
}
let b = a(1, 2);
console.log(b); // 10

위의 코드에서 보는것과 같이 빈 공백으로 이루어진 문자열은 true 값을 가진다.

그렇다는 이야기는 !title로는 예외처리 로직에서 걸러지지 않는다는 것이다.

그리고 a라는 함수를 보게되면, 공백 하나와 공백 2개는 서로 다름을 나타내고 있다.
그렇기에 공백을 한 번에 잡아내기 위해서는 includes를 사용하면 어떨까 싶었다.

includes 메서드를 사용한 코드

// 수정 코드

    // 제목의 입력값이 없을 때,
    if (!title || title.includes("  ")) {
        return res.status(412).json({ errorMessage: '게시글 제목의 형식이 올바르지 않습니다.' });
    }
    // 내용의 입력값이 없을 때,
    if (!content || content.includes("  ")) {
        return res.status(412).json({ errorMessage: '게시글 내용의 형식이 올바르지 않습니다.' });
    }

그래서 이번엔 title의 값이 false이거나, 빈 공백을 2개 이상 포함하고 있다면, 예외처리를 할 수 있도록 includes 메서드를 사용해 보았다.

공백을 2개부터 포함했을 시 예외처리를 한 이유는, 게시글 제목이나 내용에 띄어쓰기가 존재할 수도 있기 때문이다.

하지만 이 코드가 좋은 코드인지에 대한 의문이 들었다.
그래서 현업에서는 어떤식으로 이 부분을 예외처리를 하고 있는지 물어보고 다음 메서드를 알게 되었다.

trim()

trim은 문자열의 양 끝에 위치한 공백들을 없앤 "새로운" 문자열을 반환한다.

그렇다는 것은, 아무리 많은 공백을 사용해서 제목으로 작성하든, 아니면 문자열의 시작과 끝에 의도치 않은 공백들이 들어가더라도, trim 메서드를 사용하면 그 공백을 제외한 작성 내용의 제목과 content를 가져올 수 있다는 뜻이다.

// trim 메서드를 사용한 코드

    // 제목의 입력값이 없을 때,
    if (!title || !title.trim()) {
        return res.status(412).json({ errorMessage: '게시글 제목의 형식이 올바르지 않습니다.' });
    }

    // 내용의 입력값이 없을 때,
    if (!content || !content.trim()) {
        return res.status(412).json({ errorMessage: '게시글 내용의 형식이 올바르지 않습니다.' });
    }

그리고 trim 은 양쪽의 공백을 다 없애는 것이 아니라 문자열의 시작 또는 문자열의 끝에 있는 공백만 따로 없앨 수 있는 기능도 갖추고 있다.

// 문자열 시작의 공백들만 없애주는 메서드
trimStart()

// 문자열 끝의 공백들만 없애주는 메서드
trimEnd()

이렇게 새롭게 알게된 trim과 includes를 알맞게 사용해보면 보다 많은 걸 표현할 수 있을 것 같다 !!

https://github.com/Yooonzero/7-personal-assignment-create-backend-server-lv4

GitHub - Yooonzero/7-personal-assignment-create-backend-server-lv4: lv3 개인과제에 좋아요 기능과 댓글 기능을 추

#예외처리 #includes #trim #빈문자열