입력값 분해하기
이번 챕터에서는 solution 함수의 매개변수Parameter input을 통해 들어온 입력값을 분해파싱, Parsing하는 방법을 소개합니다!
선행 학습 필수!
이번 챕터는 아래 목록에 존재하는 자바스크립트 내장 객체Built-in Object 및 메서드Method에 대한 이해가 필요합니다. 이에 대한 학습이 필요하다면, 아래 링크를 참고해 주세요!
훑어보기
아래와 같은 solution 함수의 매개변수Parameter input에는 다양한 형식의 문자열이 들어올 수 있습니다.
중요합니다!
input에는 항상 문자열 string 타입만 들어옵니다!
백준의 '예제 입력'이 숫자로 되어있을지라도, 항상 해당 숫자를 문자열 형태로 받아옵니다.
// 백준 1000번 문제.
function solution(input) {
const [a, b] = input
.trim()
.split(' ')
.map(val => Number(val));
return a + b;
}
module.exports = { solution };// 백준 1000번 문제.
function solution(input) {
const [a, b] = input
.trim()
.split(' ')
.map(val => Number(val));
return a + b;
}
export default { solution };// 백준 1000번 문제.
import type { Input, Output } from 'bananass';
function solution(input: Input): Output {
const [a, b] = input
.trim()
.split(' ')
.map(val => Number(val));
return a + b;
}
module.exports = { solution };// 백준 1000번 문제.
import type { Input, Output } from 'bananass';
function solution(input: Input): Output {
const [a, b] = input
.trim()
.split(' ')
.map(val => Number(val));
return a + b;
}
export default { solution };그렇다면, 들어온 입력값 input을 어떻게 분해파싱, Parsing하여, 원하는 형태로 가공한 후 사용할 수 있을까요? 예제와 함께 하나씩 살펴봅시다!
1. 입력값이 하나일 경우 (문자열)
가장 단순한 경우입니다. 아래와 같은 입력값 input을 가정하겠습니다.
예제 입력
hello가장 많이 사용하는 방식은 String.prototype.trim() 메서드를 이용하여, 혹시 모를 문자열의 앞 뒤 공백을 제거하는 것입니다!
주의하세요!
단, 일부 문제에는 공백을 함부로 삭제하면 안되는 경우도 존재합니다. 이런 상황에서는 trim()을 사용해서는 안됩니다. 주의하세요!!
분해 방법 1: String.prototype.trim()을 이용한 방식
const inputParsed = input.trim();분해 방법 2: String.prototype.trim()을 이용하지 않은 방식
const inputParsed = input;inputParsed에 저장된 값
'hello' // string2. 입력값이 하나일 경우 (숫자)
앞서 '중요합니다!'에서 언급했듯, input에는 항상 문자열 string 타입만 들어옵니다. 백준의 '예제 입력'이 숫자로 되어있을지라도, 항상 해당 숫자를 문자열 형태로 받아옵니다.
이제 문자열string 타입으로 들어온 숫자를 다루기 쉽게 숫자number 타입으로 변환해 주어야 합니다! 아래와 같은 입력값 input을 가정하겠습니다.
예제 입력
3그럼 문자열을 어떻게 숫자로 변환해 줄 수 있을까요? 아래와 같은 자바스크립트 빌트인 객체 Number()를 이용하면 됩니다!
주목해주세요!
+input 혹은 parseInt(input)을 사용하여 문자열 형태의 입력값을 숫자로 변환해 주어도 됩니다.
단, ESLint의 no-implicit-coercion 규칙에서 권장하듯, 단축 형 변환Shorthand Type Conversions 대신 가능한 Number() 객체를 사용하는 것을 (개인적으로) 권장합니다.
분해 방법
const inputParsed = Number(input.trim());inputParsed에 저장된 값
3 // number3. 입력값이 띄어쓰기로 구분된 한 줄의 값들인 경우 (문자열)
이번에는 아래와 같은 입력값 input이 들어오면 어떨까요?
예제 입력
hello bananass이런 경우 String.prototype.split() 메서드를 이용하여 띄어쓰기로 구분된 값들을 배열array로 만들어 줄 수 있습니다!
분해 방법
const inputParsed = input.trim().split(' ');inputParsed에 저장된 값
['hello', 'bananass'] // string[]4. 입력값이 띄어쓰기로 구분된 한 줄의 값들인 경우 (숫자)
이제 슬슬 감이 오실까요? 아래 예제를 더 살펴보죠!
예제 입력
3 24 98이런 경우 String.prototype.split() 메서드를 이용하여 띄어쓰기로 구분된 값들을 배열array로 만들어 준 후, Array.prototype.map() 메서드를 이용하여 각 값들을 숫자로 변환해 주어야 합니다.
분해 방법
const inputParsed = input.trim().split(' ').map(val => Number(val));또는
const inputParsed = input.trim().split(' ').map(Number);inputParsed에 저장된 값
[3, 24, 98] // number[]5. 입력값이 여러 줄의 값들인 경우 (문자열)
이번에는 띄어쓰기가 아닌, 개행 문자(\n)로 구분된 여러 줄의 문자열 값들이 들어오는 경우를 살펴보겠습니다!
중요합니다!
백준의 Node.js 서버 환경은 리눅스Linux를 운영체제로 사용하므로, 개행 문자가 LF(\n)입니다.
바나나 프레임워크에서는 이러한 백준 Node.js 환경에 맞게, 윈도우Windows의 CRLF(\r\n) 혹은 POSIX(리눅스Linux, 맥macOS)의 LF(\n)를 구분하지 않고 \n으로 통일하여 입력값 input으로 사용할 수 있게 설계하였습니다. 즉, 개행 문자로 항상 \n을 사용하도록 만들어 두었으니, 편하게 \n을 통해 개행을 구분하시면 됩니다.
예제 입력
a
b
c
d이런 경우에도 String.prototype.split() 메서드를 이용하여 개행 문자(\n)로 구분된 값들을 배열array로 만들어 줄 수 있습니다.
분해 방법
const inputParsed = input.trim().split('\n');inputParsed에 저장된 값
['a', 'b', 'c', 'd'] // string[]6. 입력값이 여러 줄의 값들인 경우 (숫자)
이제 혼자서도 하실 수 있겠죠? 아래 예제를 살펴봅시다!
예제 입력
3
24
98String.prototype.split() 메서드를 이용하여 개행 문자(\n)로 구분된 값들을 배열array로 만들어 준 후, Array.prototype.map() 메서드를 이용하여 각 값들을 숫자로 변환해 주어야 합니다.
분해 방법
const inputParsed = input.trim().split('\n').map(val => Number(val));또는
const inputParsed = input.trim().split('\n').map(Number);inputParsed에 저장된 값
[3, 24, 98] // number[]7. 입력값이 여러 줄의 값이고 띄어쓰기로 구분되어 있는 경우 (문자열)
이번에는 좀 더 복잡한 경우를 살펴보겠습니다! 이제 풀이 방법이 떠오르실까요? 다음 예제를 봅시다.
예제 입력
ab cd
ef gh
my name is lumir
hello bananassString.prototype.split() 메서드를 이용하여 개행 문자(\n)로 구분된 값들을 배열array로 만들어 준 후, Array.prototype.map() 메서드를 이용하여 각 값들을 띄어쓰기로 구분된 값들로 만들어 줄 수 있습니다!
분해 방법
const inputParsed = input.trim().split('\n').map(val => val.split(' '));inputParsed에 저장된 값
[
['ab', 'cd'],
['ef', 'gh'],
['my', 'name', 'is', 'lumir'],
['hello', 'bananass']
] // string[][]8. 입력값이 여러 줄의 값이고 띄어쓰기로 구분되어 있는 경우 (숫자)
마지막 예제입니다! 앞에서 설명한 모든 내용들을 적용하시면 됩니다. 아래 예제를 살펴보세요!
예제 입력
3 24
98 1
5 3 2 5
0 1 1 0String.prototype.split() 메서드를 이용하여 개행 문자(\n)로 구분된 값들을 배열array로 만들어 준 후, Array.prototype.map() 메서드를 이용하여 각 값들을 띄어쓰기로 구분된 값들로 만들고, 다시 Array.prototype.map() 메서드를 이용하여 각 값들을 숫자로 변환해 주어야 합니다!
분해 방법
const inputParsed = input
.trim()
.split('\n')
.map(val => val.split(' ').map(val => Number(val)));inputParsed에 저장된 값
[
[3, 24],
[98, 1],
[5, 3, 2, 5],
[0, 1, 1, 0]
] // number[][]마치며
지금까지 소개한 방법 이외에도 다양한 방식으로 input이 들어올 수 있습니다. 이번 챕터에서 소개한 방법들을 참고하여, 다양한 형태의 input을 분해하여 원하는 형태로 가공해 보세요! 이제 여러분들의 손에 달렸습니다.🙌