eloan

💻 개발자 도구 추천 2026 — MDN·Figma·이미지 유틸리티 등 6선

6

MDN Web Docs·Stack Overflow 같은 학습·레퍼런스 사이트, Figma·Photopea 같은 디자인 도구, remove.bg·TinyPNG 같은 이미지 유틸리티를 한 페이지에서 비교할 수 있도록 정리했습니다.

각 사이트는 한국에서도 가입·결제·이용이 모두 가능한 글로벌 서비스이며 무료 플랜 또는 무료 사용량으로 본격 활용이 가능합니다.

본 디렉토리는 한국 개발자의 일상 작업 흐름(웹 개발·디자인·이미지 처리) 에서 자주 사용되는 핵심 도구 중심이며 호스팅·배포·CI/CD 같은 추가 도구는 별도 보강 단계에서 추가될 수 있습니다.

🎯 선정 기준

📚 학습·레퍼런스

바로가기
MDN Web Docs 로고

MDN Web Docs

무료KRdeveloper.mozilla.org

Mozilla 운영. 웹 개발 표준 레퍼런스 1티어. HTML·CSS·JavaScript·API.

MDN Web Docs(developer.mozilla.org) 는 Mozilla 가 운영하는 웹 개발 표준 레퍼런스 사이트로 HTML·CSS·JavaScript·Web API·브라우저 호환성 같은 웹 개발 1차 레퍼런스 정보를 무료로 제공합니다. 한국 개발자도 웹 개발 학습·실무에서 가장 자주 참고하는 1티어 레퍼런스 출처입니다.

이럴 때 씁니다
  • HTML·CSS·JavaScript 문법 학습·확인
  • Web API 사용법 레퍼런스
  • 브라우저 호환성 확인
  • 웹 표준 학습
  • 본격 웹 개발 1차 레퍼런스
요금 · 전부 무료 (Mozilla 비영리)출시 · 2005대안 · DevDocs, W3Schools, 공식 ECMAScript 스펙
📖 자세히 보기 — 미리보기·가격·시작 가이드
바로가기
Stack Overflow 로고

Stack Overflow

무료KRstackoverflow.com

글로벌 1티어 개발자 Q&A 커뮤니티. 거의 모든 개발 문제 답변 누적.

Stack Overflow(stackoverflow.com) 는 2008년 설립된 글로벌 1티어 개발자 Q&A 커뮤니티로 거의 모든 프로그래밍 언어·프레임워크·도구의 질문·답변이 누적되어 있는 사이트입니다. 한국 개발자도 일상 개발 중 문제 발생 시 가장 자주 검색·참고하는 1차 출처입니다.

이럴 때 씁니다
  • 본격 개발 중 오류·문제 검색
  • 프로그래밍 문법·라이브러리 질문
  • 본인 질문 등록 및 답변 받기
  • 다른 개발자의 답변·코드 학습
  • 개발 트러블슈팅 1차 출처
요금 · 기본 무료출시 · 2008대안 · GitHub Discussions, Reddit r/programming, 한국 개발자 커뮤니티
📖 자세히 보기 — 미리보기·가격·시작 가이드

🎨 디자인 도구 (무료)

바로가기
Figma 로고

Figma

무료+유료KRfigma.com

디자인 협업 1티어. 웹 기반 UI·UX 디자인·프로토타입.

Figma(figma.com) 는 웹 기반 UI·UX 디자인·프로토타입·협업 도구로 디자인 협업 1티어 플랫폼입니다. 한국 IT 회사·스타트업·디자이너가 가장 많이 쓰는 디자인 도구이며 개인·소규모 팀은 무료로 사용 가능합니다.

이럴 때 씁니다
  • UI·UX 디자인
  • 프로토타입 제작
  • 디자인 협업 (실시간 멀티 유저)
  • 디자인 시스템 구축
  • 개발자·디자이너 디자인 핸드오프
요금 · 개인 무료 / Professional·Organization 유료출시 · 2012대안 · Sketch, Adobe XD, Penpot
📖 자세히 보기 — 미리보기·가격·시작 가이드
바로가기
Photopea 로고

Photopea

무료+유료KRphotopea.com

웹 기반 무료 포토샵 대안. PSD 파일 직접 편집 가능.

Photopea(photopea.com) 는 웹 기반 무료 이미지 편집 도구로 Adobe Photoshop 의 거의 모든 기능을 무료로 제공합니다. PSD 파일을 직접 편집할 수 있어 Photoshop 라이선스 없이도 본격 이미지 편집 작업이 가능합니다.

이럴 때 씁니다
  • Photoshop 라이선스 없이 PSD 파일 편집
  • 본격 이미지 편집·합성
  • 디자인 리소스 가공
  • 웹용 이미지 최적화
  • 외주·소규모 디자인 작업
요금 · 기본 무료 (광고 노출) / Premium $5/월 (광고 제거 + 부가 기능)출시 · 2013대안 · Figma, GIMP, Pixlr
📖 자세히 보기 — 미리보기·가격·시작 가이드

🖼️ 이미지 유틸리티 (무료)

바로가기
remove.bg 로고

remove.bg

무료+유료KRremove.bg

AI 기반 이미지 배경 제거. 클릭 한 번으로 자동 처리.

remove.bg(remove.bg) 는 AI 기반 이미지 배경 제거 서비스로 본인 이미지를 업로드하면 클릭 한 번으로 배경을 자동 제거해주는 도구입니다. 인물 사진·제품 사진·로고 같은 이미지에서 배경을 빠르게 제거할 수 있어 디자인·콘텐츠 제작 작업에 자주 활용됩니다.

이럴 때 씁니다
  • 인물 사진 배경 제거
  • 제품 사진 배경 흰색·투명 처리
  • 프로필 사진 배경 정리
  • 썸네일·콘텐츠용 이미지 가공
  • 본격 디자인 작업 전 1차 처리
요금 · 무료 (저해상도) / 고해상도 유료 (크레딧 결제)출시 · 2018대안 · Photopea, Photoshop, Canva 배경 제거
📖 자세히 보기 — 미리보기·가격·시작 가이드
바로가기
TinyPNG 로고

TinyPNG

무료+유료KRtinypng.com

PNG·JPG 이미지 압축 무료. 웹 성능 최적화 표준 도구.

TinyPNG(tinypng.com) 는 PNG·JPG 이미지를 무손실에 가깝게 압축해 파일 크기를 크게 줄여주는 무료 이미지 압축 서비스입니다. 웹 페이지·블로그·앱의 이미지 로딩 속도 최적화에 표준 도구로 사용됩니다.

이럴 때 씁니다
  • 웹·블로그 이미지 압축
  • 앱 리소스 크기 최적화
  • 이메일 첨부 이미지 용량 줄이기
  • 이미지 SEO·로딩 속도 개선
  • 본격 웹 성능 최적화
요금 · 무료 (월 500 이미지 한도) / Pro 결제 시 제한 해제출시 · 2014대안 · Squoosh, ImageOptim, compressor.io
📖 자세히 보기 — 미리보기·가격·시작 가이드

❓ 자주 묻는 질문

Q.개발자 도구 사이트는 어디부터 봐야 하나요?

본인 작업 단계에 따라 다릅니다. 웹 개발 학습·레퍼런스는 MDN(developer.mozilla.org), 개발 중 문제 해결은 Stack Overflow(stackoverflow.com), 디자인 협업은 Figma, 포토샵 대안은 Photopea, 이미지 압축은 TinyPNG, 배경 제거는 remove.bg 가 적합합니다.

Q.사용료가 발생하나요?

본 디렉토리에 등록된 모든 사이트는 무료 플랜 또는 무료 사용량으로 본격 활용이 가능합니다. 일부 사이트(Figma 등) 는 본격 협업·기업용 기능에 유료 플랜이 있지만 개인 학습·소규모 프로젝트는 무료 플랜으로 충분합니다.

Q.본 디렉토리에 등록된 사이트는 어떻게 선정되었나요?

한국에서 가입·결제·이용이 가능한 글로벌·국내 서비스이며 공식 사이트·앱을 직접 운영하는 정식 도구만 등록했습니다. 무료 플랜 또는 무료 사용량으로 본격 활용이 가능한 서비스를 우선 선정했습니다.

Q.MDN·Stack Overflow 외에 더 봐야 할 한국 개발자 자료는?

한국 개발자 커뮤니티(OKKY·인프런 커뮤니티·디스코드 등), 기술 블로그(VELOG·Tistory·미디엄 한국어), 한국 IT 기업 기술 블로그(네이버·카카오·라인·당근·토스 기술 블로그) 가 한국어 학습·트렌드 파악에 유용합니다.

Q.이미지 압축·배경 제거 같은 유틸리티는 본인 디자인 작업에 자주 쓰나요?

웹 개발·블로그·콘텐츠 제작 중 이미지 압축·배경 제거 작업이 자주 발생하므로 본 디렉토리의 유틸리티 사이트가 일상 작업 흐름에 자연스럽게 포함됩니다. 특히 본인 블로그 이미지 최적화, 제품 이미지 배경 제거, 디자인 리소스 가공 같은 작업에 유용합니다.

Q.디자인·이미지 유틸리티는 무료로도 본격 작업 가능한가요?

본인 작업 규모·빈도에 따라 다릅니다. Figma 무료 플랜은 개인·소규모 프로젝트에 충분하며 Photopea 는 거의 모든 포토샵 기능을 무료로 제공합니다. 이미지 유틸리티(TinyPNG·remove.bg) 도 일일 무료 사용량 범위에서 본격 활용이 가능합니다. 본격 협업·대량 처리 시 유료 플랜 검토가 권장됩니다.

Q.MDN 한국어 번역이 없는 페이지는 어떻게 하나요?

영문 페이지를 직접 활용하거나 브라우저 자동 번역 기능을 활용할 수 있습니다. 본인이 영어 학습 중이라면 영문 원문을 직접 읽는 것이 영어 학습에도 도움이 됩니다. 한국 개발자 커뮤니티에서 작성한 한국어 가이드·블로그도 함께 활용할 수 있습니다.

Q.외국인·해외 거주자도 이 사이트들을 사용할 수 있나요?

전 세계 사용자가 사용 가능한 글로벌 서비스이며 한국 거주자가 아니어도 가입·이용 가능합니다. 사용 언어는 영어가 메인이며 일부 사이트는 다국어 번역을 제공합니다.

🔎 관련 검색어
🔗 다른 주소모음

본 디렉토리는 등록 사이트와 제휴 관계가 없습니다. 라이선스·이용약관·요금 정보는 작성 시점 기준이며, 최신 내용은 각 사이트의 공식 페이지에서 다시 확인해주세요.

내 재물운은?