# 웹 개발자를 위한 5가지 웹사이트
생산성 향상에 도움이 되는 웹사이트, 기사 작성에 도움이 되는 웹사이트, 디자인에 도움이 되는 웹사이트 등 몇 가지 유용한 웹사이트를 공유하고자 합니다. 지금부터 살펴봅시다.
## 1. 소스 코드를 위한 멋진 이미지 만들기 및 공유
https://carbon.now.sh
Carbon을 사용하면 소스 코드의 멋진 이미지를 만들어 공유할 수 있습니다. 다양한 코드 스타일과 테마를 제공합니다.
## 2. 자바스크립트 정규식 시각화 도구
https://jex.im/regulex/#!flags=&re=(((%3F%3D.*%5Cd)((%3F%3D.*%5Ba-z%5D)%7C(%3F%3D.*%5BA-Z%5D)))%7C(%3F%3D.*%5Ba-z%5D)(%3F%3D.*%5BA-Z%5D))%5E%5Ba-zA-Z%5Cd%5D%7B6%2C12%7D%24
정규식 표현이 복잡해 보여서 배우기 꺼려지는 분이신가요? 걱정하지 마세요, 저도 예전에는 그랬지만 더 이상은 아니니까요. visualization tool를 사용하면 정규식을 더 쉽게 이해할 수 있습니다.
## 3. 무료 이미지
https://unsplash.com
자유롭게 사용할 수 있는 이미지의 인터넷 소스. 전 세계의 크리에이터들이 사용합니다.
## 4. WebP, PNG 및 JPEG 압축
https://tinypng.com
이미지를 압축해야 하는 경우가 종종 있는데, tinypng는 무료로 사용할 수 있으며 압축된 이미지의 해상도가 높습니다.
## 5. CodePen
https://codepen.io
CodePen을 사용하면 이 예시처럼 미디엄에 데모 코드를 삽입하는 것이 매우 편리해집니다.
