웹 개발자들을 위한 17개의 추천 웹사이트

📝 이 글은 https://javascript.plainenglish.io/17-killer-websites-for-web-developers-13e1e30345b8 의 글을 번역 및 정리한 글입니다.

 

1. Random Image via API

Unsplash Source

Unsplash Source

랜덤이미지 관련 JSON API 입니다.

 

 

2. Embeddable Widget Apps for Notion

Apption - Notion friendly Embeddable Widget Apps

Apption - Notion friendly Embeddable Widget Apps

위의 웹사이트를 이용하면 노션에서 각 사이트들을 임베디드해서 사용할 수 있습니다. 예를 들면, 스포티파이를 노션에서 임베디드하여 사용해볼까요?

 

 

3. Carbon

Carbon

Carbon | Create and share beautiful images of your source code

소스코드를 담은 예쁜 이미지를 얻을 수 있습니다! 내 코드를 다른 곳에 공유할 때 좋은 사이트네요!

 

 

4. Peppertype

Peppertype.ai | Create Quality Content Faster

Peppertype.ai | Create Quality Content Faster

콘텐츠 사본을 쉽게 생성해주는 사이트입니다! 예를 들어 내가 구글AD에 등록할 텍스트를 고민하고 있다고 해봅시다! 최근 만들었던 유학생 커뮤니티인 UFO 프로젝트에 대해 정보를 넣어봅시다. 아래와 같이 적용할 수 있는 글귀들을 얻을 수 있습니다.

 

 

5. Poet. so

Poet.so | Create Beautiful Images of Twitter Posts

Poet.so | Create Beautiful Images of Twitter Posts

트위터 게시물을 캡처하고, 꾸미고 공유할 수 있습니다!

 

 

6. Weekly Visitor Report

Website Visitor Tracking Tool [Weekly Reports] | Clearbit

Website Visitor Tracking Tool [Weekly Reports] | Clearbit

주간 웹사이트 방문자 보고서를 얻을 수 있습니다!

 

 

7. Smart Mockup

Create stunning product mockups easily and online - Smartmockups

Create stunning product mockups easily and online - Smartmockups

제품모형을 쉽고 간편하게 제작할 수 있습니다!

 

 

8. Small Dev tools

Small Dev tools useful for all developers

Small Dev tools useful for all developers

encode, decode 등과 같이 20개 이상의 툴들을 제공합니다.

 

 

9. Show beautiful message in the console

figlet

figlet

figlet은 글자를 아래와 같이 큰 글자로 만들어주는 프로그램입니다.

출처 : https://javascript.plainenglish.io/17-killer-websites-for-web-developers-13e1e30345b8

 

 

10. A Visual Type Scale

A Visual Type Scale

Type Scale - A Visual Calculator

다양한 글꼴 크기에 대한 REM 대 EM 값과 미리보기를 볼 수 있습니다!

 

 

11. Remove Background from Image

remove.bg

이미지에서 배경 제거 – remove.bg

이미지에서 배경을 제거할 수 있는 사이트입니다!

 

 

12. Responsively

A Web Developer's Browser

A Web Developer's Browser

반응형 웹앱을 만들 때 편리한 사이트입니다!

출처 : https://responsively.app/

 

 

13. Metatags

Meta Tags - Preview, Edit and Generate

메타 태그는 모든 웹사이트에 대한 메타 태그 코드를 디버그하고 생성하는 도구입니다. 태그를 편집하고 콘텐츠를 실험한 다음 Google, Facebook, Twitter 등에서 웹페이지가 어떻게 보일지 미리 볼 수 있습니다!

 

 

14. ReadMe

readme.so

readme.so

README 파일 작성 시 마크다운 형식을 즉시 시각적으로 반영시켜주는 사이트입니다! 

 

 

15. Storytale

Storytale - High-class web illustrations under simple subscription

Storytale — High-class web illustrations under simple subscription

상업적 목적과 개인적 목적 모두 사용할 수 있는 일러스트레이션 사이트입니다.

 

 

16. Profile Pic Maker

Free Profile Picture Maker - Create an awesome profile pic from any photo

Free Profile Picture Maker - Create an awesome profile pic from any photo

프로필 사진을 멋지게 만들어주는 사이트입니다!

출처 : https://javascript.plainenglish.io/17-killer-websites-for-web-developers-13e1e30345b8

 

 

17. SigmaOS

SigmaOS

SigmaOS

웹 작업을 더 빠르고 더 잘할 수 있게 해주는 브라우저입니다.