P5.js는 웹 기반의 JavaScript로 작성된 프로그래밍 환경입니다. 이를 통해 파일 관리 및 읽기, 쓰기를 할 수 있습니다. 이번 글에서는 P5.js에서 파일을 관리하는 방법에 대해 알아보겠습니다.

파일 업로드하기

P5.js를 사용하여 웹 페이지에서 파일을 업로드하는 방법은 간단합니다. 다음은 파일을 업로드하는 예제 코드입니다.

function setup() {
  let fileInput = createFileInput(handleFile);
  fileInput.position(10, 10);
}

function handleFile(file) {
  print(file);
  if (file.type === 'text') {
    // 텍스트 파일을 처리하는 로직 작성
  } else {
    alert('텍스트 파일만 업로드해주세요!');
  }
}

이 예제에서 createFileInput() 함수를 사용하여 파일을 업로드할 수 있는 입력 요소를 생성합니다. 그리고 handleFile() 함수를 통해 파일을 처리하는 로직을 작성합니다. 이 함수에서 파일의 유형을 확인하고 텍스트 파일인 경우에만 처리를 진행합니다.

파일 다운로드하기

P5.js에서는 웹 페이지에서 파일을 다운로드하는 것도 가능합니다. 아래 예제 코드를 통해 파일을 다운로드하는 방법을 확인해보세요.

function setup() {
  let button = createButton('다운로드');
  button.position(10, 10);
  button.mousePressed(exportText);
}

function exportText() {
  let data = '내용을 파일에 저장할 문자열';
  let filename = 'text_file.txt';
  saveStrings([data], filename);
}

createButton() 함수를 사용하여 버튼을 생성하고, mousePressed() 이벤트로 클릭 시 exportText() 함수가 호출됩니다. exportText() 함수에서는 저장할 문자열과 파일 이름을 정의하고, saveStrings() 함수를 사용하여 파일을 다운로드합니다.

참고 자료

P5.js에서 파일을 관리하고 읽고 쓰는 방법을 자세히 알고 싶다면 아래 참고 자료를 확인해보세요.

• P5.js 파일 업로드 예제
• P5.js 파일 다운로드 예제

이제 P5.js를 사용하여 파일을 관리하고 읽고 쓸 수 있습니다!