웹 컴파일러에서 입력값 받기

React
1

웹 컴파일러를 구현 중에 있는데요 대충 마무리가 되어 가는데 입력 값을 어떻게 처리해야 할지 모르겠어서 질문 드립니다. 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]);