VS Code로 JavaScript 코딩 테스트 공부( + 입력, 출력, 백준 10926번 ??! Node.js )

VS Code로 백준 Online Judge 코딩 테스트를 공부하기 하려고 한다. 그리고 내가 선택한 개발 언어는 JavaScript 이다.

 

JavaScript 문제는 백준에서 Node.js 환경으로 제공하고 있기 때문에, 우선 VS Code - Extensions에서 'Code Runner'를 설치해야 한다. 그리고 물론 컴퓨터에 Node.js 도 미리 설치되어 있어야 한다.

Code Runner 컴포넌트

Code Runner 와 Node.js 가 준비가 되었다면, '오픈 폴더'를 하고 '뉴 파일'을 해서 확장자 .js인 파일을 만든다. 그리고 코드를 작성해서 바로 런하면 Node.js 환경이기 때문에 원하는대로 잘 동작하는 것을 확인할 수 있다.

 

그런데 JavaScript에서 이미 입력해놓은 데이터가 아니라, 사용자나 외부에서 Console 을 통해 데이터를 입력 받는 상황이 있다. 백준 온라인 저지 코딩 테스트에 맞게 문제를 풀기 위해서는 데이터 입력 시 아래와 같은 코드를 이용해야 한다.

let fs = require('fs');
let input = fs.readFileSync('/dev/stdin').toString().split(' ');
console.log(input);

그래서 우선 혼자 vs code에서 문제를 풀 때는 입력받을 데이터를 txt 파일을 만들어서 복사 붙여넣기 해놓고 저장한다.

그 다음 그 txt 파일의 절대 경로를 아래처럼 입력해서 코드를 입력한 js 파일을 저장한다.

readFileSync('txt 파일 절대 경로')

 

그리고 vs code 내부에 있는 terminal 창에서 아래처럼 입력해주면, 실행 결과가 터미널 창에 출력된다.

node 하고 js 파일 상대경로를 입력해준다.

그리고 문제를 맞게 풀었다면, 입력 받은 데이터 txt 파일 경로만 '/dev/stdin'로 바꿔서 복사 붙여넣기 하고 제출하면 된다.

 

 

 

* 백준 10926번 ??! Node.js

문제에서 요구하는 것을 정확하게 파악하는 것이 중요하다. 

내가 헷갈린 문장 : 준하가 가입하려고 하는 사이트에 이미 존재하는 아이디가 주어졌을 때, 놀람을 표현하는 프로그램을 작성하시오.

 

처음에 '존재하는지 아닌지를 판단하는 것'을 물어보는 줄 알았다. 하지만 문제의 요지는 이미 존재하는 아이디라고 가정하고, 그냥 입력된 아이디에 ??!을 붙여서 나온 문자열을 출력하라는 뜻이었다. 

const fs = require('fs'); 
const input = fs.readFileSync('/dev/stdin').toString().split(); 
console.log(input); // [ 'baekjoon' ]
const input2 = fs.readFileSync('/dev/stdin').toString().trim(); 
console.log(input2); // baekjoon

trim()은 문자열의 좌우 공백을 없애서 반환해준다. split() 은 지정한 문자열 또는 디폴트값인 ' '(공백)을 기준으로 주어진 문자열을 분리시켜서 리스트 형식으로 반환해준다. 이 문제에서는 하나의 문자열만 입력받고 사용하기 때문에, trim()을 사용한다.

const fs = require('fs'); 
const input = fs.readFileSync('/dev/stdin').toString().trim(); 
console.log(`${input}??!`);

 

 

 

 

 

외부 참조 링크

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

10926번: ??!

https://velog.io/@bigsaigon333/Javascript%EB%A1%9C-%EC%BD%94%EB%94%A9%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%A4%80%EB%B9%84%ED%95%98%EA%B8%B01-%EC%9E%85%EC%B6%9C%EB%A0%A5

JavaScript로 코딩테스트 준비하기(1) - 입출력

https://nyang-in.tistory.com/156

[백준]백준에서 node.js 입출력 방법 정리(백준/자바스크립트/코딩테스트/알고리즘)

https://overcome-the-limits.tistory.com/198

[알고리즘] 백준 10926 ??! with node.js

https://velog.io/@ho2yahh/%EB%B0%B1%EC%A4%80-10926.-joonas-feat.-Javascript-node.js-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98

[백준] 10926. joonas??! (feat. Javascript / node.js) 알고리즘