# p5.js - 코딩과 아트 제작을 위한 오픈소스 자바스크립트 라이브러리

> Clean Markdown view of GeekNews topic #16152. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=16152](https://news.hada.io/topic?id=16152)
- GeekNews Markdown: [https://news.hada.io/topic/16152.md](https://news.hada.io/topic/16152.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-08-04T09:49:14+09:00
- Updated: 2024-08-04T09:49:14+09:00
- Original source: [p5js.org](https://p5js.org/)
- Points: 3
- Comments: 1

## Topic Body

- **p5.js 소개**
  - p5.js는 코딩을 배우고 예술을 만드는 데 유용한 도구임
  - 무료 오픈 소스 JavaScript 라이브러리로, 포용적이고 배려심 있는 커뮤니티에 의해 개발됨
  - 예술가, 디자이너, 초보자, 교육자 등 누구나 환영함

- **p5.js 라이브러리 참조 탐색**
  - p5.js 라이브러리 참조 자료 제공

- **예제와 함께 p5.js 배우기**
  - 다양한 예제를 통해 p5.js 학습 가능
  - 예제: Geodata Weaving, Slime Molds, Patt Vira 등

- **p5.js 커뮤니티 활동 보기**
  - 커뮤니티에서 생성한 작품들 소개
  - 예제: Generative Succulents, Padrão Geométrico, Zen Pots, Glitch animation 등

- **p5.js 기부**
  - p5.js 프로젝트에 기부 가능

- **p5.js 다운로드**
  - 라이브러리 다운로드 링크 제공

- **p5.js 리소스**
  - 참조 자료, 튜토리얼, 예제, 기여 방법, 커뮤니티 정보 등 제공

- **기타 정보**
  - 다운로드, 연락처, 저작권, 개인정보 보호정책, 이용 약관 등 정보 제공
  - GitHub, Instagram, X, YouTube, Discord, Forum 등의 소셜 링크 제공
  - 이전 p5.js 사이트 링크 제공

### GN⁺의 정리
- p5.js는 코딩과 예술을 결합한 학습 도구로, 초보자부터 전문가까지 다양한 사용자를 포용하는 커뮤니티가 특징임
- 무료 오픈 소스 라이브러리로, 다양한 예제와 참조 자료를 통해 쉽게 학습할 수 있음
- 커뮤니티에서 생성된 다양한 예술 작품을 통해 영감을 얻을 수 있으며, 기부를 통해 프로젝트를 지원할 수 있음
- 비슷한 기능을 가진 프로젝트로는 Processing, Three.js 등이 있음

## Comments



### Comment 27775

- Author: neo
- Created: 2024-08-04T09:49:14+09:00
- Points: 1

###### [Hacker News 의견](https://news.ycombinator.com/item?id=41144755) 
- p5js의 새로운 웹사이트가 공개되었음
  - Sovereign Tech Fund가 2023년에 p5js에 €450k의 지원금을 제공했음
  - 새로운 웹사이트는 탐색과 검색이 더 쉬워졌고, 유용한 정보가 많아졌음
  - 예전과 새로운 버전의 p5js 에디터/캔버스 사용법을 비교해볼 수 있음

- ChatGPT와 p5.js를 사용하여 디자인 도구를 만들었음
  - 이 도구는 회전 자기 활을 만들기 위해 5개의 질량을 균형 잡는 기능을 가짐
  - 3D 프린팅 결과도 확인할 수 있음

- p5.js는 예술적 응용을 위한 기능성과 사용 용이성 때문에 훌륭한 라이브러리임
  - 학사 학위 프로젝트로 p5.js와 Ruby on Rails를 사용하여 생성적 예술을 만드는 애플리케이션을 개발했음
  - 사용자 인터페이스에서 직접 예술을 생성할 수 있었음

- Processing(원래의 Java 버전)은 많은 라이브러리에 영감을 주었음
  - 여름 프로젝트로 Racket용 버전을 작성했음
  - Daniel Shiffman의 YouTube 채널 "The Coding Train"에서 영감을 받았음

- p5.js 웹사이트가 매우 예쁘다고 생각함
  - About 섹션에서 Processing의 아이디어를 계속 이어받았다는 부분이 삭제된 것이 놀라움
  - 아마도 p5.js가 Processing보다 더 인기가 많아졌기 때문일 것임

- p5.js를 많은 전문 작업에 사용했음
  - Processing 언어의 창시자 중 한 명과 관련된 사건을 알고 있어야 함
  - 현재 Processing Foundation을 지원한 것을 후회함

- p5.js 커뮤니티 OpenProcessing에는 수천 개의 멋진 작품이 있음
  - Python을 주로 사용하지만 p5.js 프로그램을 수정하면서 JavaScript를 배웠음

- Daniel Shiffman이 몇 년 전에 이 라이브러리를 소개해줬음
  - 그의 비디오가 프로그래머로서의 발전에 필수적이었음

- p5.js는 게임을 빠르게 만들 수 있는 멋진 라이브러리임
  - 작은 물 시뮬레이션을 만들었고 p5.js를 배우기 쉽다고 생각함

- p5.js의 훌륭한 라이브러리와 문서 덕분에 애니메이션을 빠르게 시작할 수 있었음
  - 며칠 만에 프로젝트를 완료했음