웹 컴파일러를 구현 중에 있는데요 대충 마무리가 되어 가는데 입력 값을 어떻게 처리해야 할지 모르겠어서 질문 드립니다. replit이나 다른 웹 컴파일러처럼 사용자의 코드에서 입력 값이 필요하면 출력이 나오는 곳과 같은 창에 입력하고 싶습니다. 혹시 아이디어 있으면 조언 부탁드립니다.
judge0 api사용 중입니다.
useEffect(() => {
if(!mounted.current){
mounted.current = true;
} else {
let solutiontext;
solutiontext=$('#solution').val();
fetch('http://dev-compile.coala.services:2358/submissions/?base64_encoded=true&wait=true', {
method: "POST",
headers: {
"Content-Type": "application/json,text/plain;q=0.9,text/html;q=0.8",
"X-Auth-Token": "coalacompilepass"
},
body: JSON.stringify({
source_code: Base64.encode(solutiontext),
language_id: languageId,
stdin: Base64.encode(input), //이 부분의 input에 사용자가 원하는 입력값을 넣어야 합니다.
}),
}).then((response) => response.json())
.then((data) => {
console.log(input);
if(data.stdout===null){
if(data.stderr===null){
solutiontext = Base64.decode(data.compile_output);
}
else{
solutiontext = Base64.decode(data.stderr);
};
}
else{
solutiontext = Base64.decode(data.stdout);
};
$('#result').val(solutiontext);
});
}
}, [count]);