# PlaceholderJS - 간단하고 가벼운 플레이스홀더

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=17401](https://news.hada.io/topic?id=17401)
- GeekNews Markdown: [https://news.hada.io/topic/17401.md](https://news.hada.io/topic/17401.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2024-10-24T11:11:01+09:00
- Updated: 2024-10-24T11:11:01+09:00
- Original source: [placeholderjs.com](https://placeholderjs.com/)
- Points: 12
- Comments: 2

## Summary

PlaceholderJS는 개발자에게 무료로 제공되는 서비스로, React 및 NextJS와 원활하게 연동됩니다. 이미지 크기, 텍스트, 텍스트 색상, 배경 색상 등을 파라미터로 지정할 수 있어 사용자 맞춤형 플레이스홀더 이미지를 쉽게 생성할 수 있습니다. 간단한 형태로 이용할 수 있어 개발자들이 효율적으로 프로젝트에 활용할 수 있습니다.

## Topic Body

- 개발자 대상의 무료 PlaceHolder 서비스   
- React & NextJS 와 심리스하게 연동   
- 옵션을 파라미터로 지정 가능 : 이미지 사이즈(/HEIGHTxWIDTH), 이미지 안에 포함될 글자, 텍스트 컬러, 백그라운드 컬러   
  > `https://placeholderjs.com/500x500&text=Hello+World!&color=_FF0000`  
- NextJS   
```javascript  
    import { Placeholder } from "placeholder";  
    <Placeholder width="500" height="500" />  
```

## Comments



### Comment 30441

- Author: aer0700
- Created: 2024-10-27T16:21:28+09:00
- Points: 1

깔끔하네요  ㅋㅋㅋ

### Comment 30365

- Author: bbulbum
- Created: 2024-10-24T11:19:40+09:00
- Points: 1

svg 를 응답하는 페이지군요. 오호..