MDN Web Docs·Stack Overflow 같은 학습·레퍼런스 사이트, Figma·Photopea 같은 디자인 도구, remove.bg·TinyPNG 같은 이미지 유틸리티를 한 페이지에서 비교할 수 있도록 정리했습니다.
각 사이트는 한국에서도 가입·결제·이용이 모두 가능한 글로벌 서비스이며 무료 플랜 또는 무료 사용량으로 본격 활용이 가능합니다.
본 디렉토리는 한국 개발자의 일상 작업 흐름(웹 개발·디자인·이미지 처리) 에서 자주 사용되는 핵심 도구 중심이며 호스팅·배포·CI/CD 같은 추가 도구는 별도 보강 단계에서 추가될 수 있습니다.
Mozilla 운영. 웹 개발 표준 레퍼런스 1티어. HTML·CSS·JavaScript·API.
MDN Web Docs(developer.mozilla.org) 는 Mozilla 가 운영하는 웹 개발 표준 레퍼런스 사이트로 HTML·CSS·JavaScript·Web API·브라우저 호환성 같은 웹 개발 1차 레퍼런스 정보를 무료로 제공합니다. 한국 개발자도 웹 개발 학습·실무에서 가장 자주 참고하는 1티어 레퍼런스 출처입니다.
글로벌 1티어 개발자 Q&A 커뮤니티. 거의 모든 개발 문제 답변 누적.
Stack Overflow(stackoverflow.com) 는 2008년 설립된 글로벌 1티어 개발자 Q&A 커뮤니티로 거의 모든 프로그래밍 언어·프레임워크·도구의 질문·답변이 누적되어 있는 사이트입니다. 한국 개발자도 일상 개발 중 문제 발생 시 가장 자주 검색·참고하는 1차 출처입니다.
디자인 협업 1티어. 웹 기반 UI·UX 디자인·프로토타입.
Figma(figma.com) 는 웹 기반 UI·UX 디자인·프로토타입·협업 도구로 디자인 협업 1티어 플랫폼입니다. 한국 IT 회사·스타트업·디자이너가 가장 많이 쓰는 디자인 도구이며 개인·소규모 팀은 무료로 사용 가능합니다.
웹 기반 무료 포토샵 대안. PSD 파일 직접 편집 가능.
Photopea(photopea.com) 는 웹 기반 무료 이미지 편집 도구로 Adobe Photoshop 의 거의 모든 기능을 무료로 제공합니다. PSD 파일을 직접 편집할 수 있어 Photoshop 라이선스 없이도 본격 이미지 편집 작업이 가능합니다.
AI 기반 이미지 배경 제거. 클릭 한 번으로 자동 처리.
remove.bg(remove.bg) 는 AI 기반 이미지 배경 제거 서비스로 본인 이미지를 업로드하면 클릭 한 번으로 배경을 자동 제거해주는 도구입니다. 인물 사진·제품 사진·로고 같은 이미지에서 배경을 빠르게 제거할 수 있어 디자인·콘텐츠 제작 작업에 자주 활용됩니다.
PNG·JPG 이미지 압축 무료. 웹 성능 최적화 표준 도구.
TinyPNG(tinypng.com) 는 PNG·JPG 이미지를 무손실에 가깝게 압축해 파일 크기를 크게 줄여주는 무료 이미지 압축 서비스입니다. 웹 페이지·블로그·앱의 이미지 로딩 속도 최적화에 표준 도구로 사용됩니다.
본인 작업 단계에 따라 다릅니다. 웹 개발 학습·레퍼런스는 MDN(developer.mozilla.org), 개발 중 문제 해결은 Stack Overflow(stackoverflow.com), 디자인 협업은 Figma, 포토샵 대안은 Photopea, 이미지 압축은 TinyPNG, 배경 제거는 remove.bg 가 적합합니다.
본 디렉토리에 등록된 모든 사이트는 무료 플랜 또는 무료 사용량으로 본격 활용이 가능합니다. 일부 사이트(Figma 등) 는 본격 협업·기업용 기능에 유료 플랜이 있지만 개인 학습·소규모 프로젝트는 무료 플랜으로 충분합니다.
한국에서 가입·결제·이용이 가능한 글로벌·국내 서비스이며 공식 사이트·앱을 직접 운영하는 정식 도구만 등록했습니다. 무료 플랜 또는 무료 사용량으로 본격 활용이 가능한 서비스를 우선 선정했습니다.
한국 개발자 커뮤니티(OKKY·인프런 커뮤니티·디스코드 등), 기술 블로그(VELOG·Tistory·미디엄 한국어), 한국 IT 기업 기술 블로그(네이버·카카오·라인·당근·토스 기술 블로그) 가 한국어 학습·트렌드 파악에 유용합니다.
웹 개발·블로그·콘텐츠 제작 중 이미지 압축·배경 제거 작업이 자주 발생하므로 본 디렉토리의 유틸리티 사이트가 일상 작업 흐름에 자연스럽게 포함됩니다. 특히 본인 블로그 이미지 최적화, 제품 이미지 배경 제거, 디자인 리소스 가공 같은 작업에 유용합니다.
본인 작업 규모·빈도에 따라 다릅니다. Figma 무료 플랜은 개인·소규모 프로젝트에 충분하며 Photopea 는 거의 모든 포토샵 기능을 무료로 제공합니다. 이미지 유틸리티(TinyPNG·remove.bg) 도 일일 무료 사용량 범위에서 본격 활용이 가능합니다. 본격 협업·대량 처리 시 유료 플랜 검토가 권장됩니다.
영문 페이지를 직접 활용하거나 브라우저 자동 번역 기능을 활용할 수 있습니다. 본인이 영어 학습 중이라면 영문 원문을 직접 읽는 것이 영어 학습에도 도움이 됩니다. 한국 개발자 커뮤니티에서 작성한 한국어 가이드·블로그도 함께 활용할 수 있습니다.
전 세계 사용자가 사용 가능한 글로벌 서비스이며 한국 거주자가 아니어도 가입·이용 가능합니다. 사용 언어는 영어가 메인이며 일부 사이트는 다국어 번역을 제공합니다.
본 디렉토리는 등록 사이트와 제휴 관계가 없습니다. 라이선스·이용약관·요금 정보는 작성 시점 기준이며, 최신 내용은 각 사이트의 공식 페이지에서 다시 확인해주세요.