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 스펙

💡 팁 · 브라우저 호환성을 확인할 때는 페이지 하단의 'Browser compatibility' 표에서 지원 시작 버전을 확인한 뒤 본인 서비스 타겟 브라우저 (Chrome·Safari·Edge·Samsung Internet) 의 한국 점유율과 교차 검토하면 polyfill 필요 여부를 정확히 판단할 수 있습니다. 한국어 번역이 일부 누락된 페이지는 우측 상단 언어 선택에서 'English' 로 전환하면 최신 내용을 볼 수 있습니다.

📖 자세히 보기 — 미리보기·가격·시작 가이드→
바로가기↗
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.외국인·해외 거주자도 이 사이트들을 사용할 수 있나요?▾

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

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

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

주소모음 메인
내 재물운은?