템플릿·리소스 마켓피스모음: 디자인 템플릿5일 전1구독·건당 구매로 템플릿과 폰트·그래픽을 확보하는 마켓입니다. 에셋 마켓 전반은 디자인·템플릿 디지털 에셋 마켓 에도 이어집니다. [[ppcle:envato-elements]] [[ppcle:creative-market]] [[ppcle:template-net]] [[ppcle:free…
용도별 도구피스모음: 웹 이미지 편집과 변환5일 전1도구명 분류 강점 웹사이트 제작 활용 예시 Adobe Photoshop 이미지 편집 프로그램 정교한 디자인 편집 메인 배너, 팝업, 상세 페이지 제작 GIMP 이미지 편집 프로그램 무료 오픈 소스 기본 이미지 수정, 유지보수용 편집 Inkscape 이미지 편집 프로그램 벡터 그래픽 편집…
SVG 편집과 애니메이션피스모음: SVG 편집과 변환5일 전0브라우저나 디자인 도구에서 SVG를 고치고, 애니메이션을 붙일 때 씁니다. 도구 용도 Boxy SVG 브라우저에서 SVG 편집 SVG-Edit 오픈소스 브라우저 SVG 편집기 Figma 벡터 디자인 후 SVG 내보내기 SVGator SVG 애니메이션 제작 [[ppcle:boxy-svg]…
학습과 연습피스모음: 웹 개발과 디자인 자료5일 전1기초 학습과 시안 기반 구현 연습용 사이트입니다. 교육 플랫폼 전반은 교육 웹사이트 모음 을 보면 됩니다. 사이트 용도 freeCodeCamp 웹 개발 무료 온라인 학습 모던 JavaScript 튜토리얼 자바스크립트 한국어 학습 생활코딩 웹 개발 한국어 영상·문서 학습 Frontend …
이미지·무드보드 수집피스모음: 디자이너를 위한 자료5일 전1레퍼런스 이미지를 모으거나 작업 전 분위기를 잡을 때 활용하는 플랫폼입니다. 무료 스톡 이미지 전반은 무료 이미지 서비스 모음 도 함께 보면 됩니다. 사이트 설명 Pinterest 이미지 큐레이션과 무드보드 수집의 대표 플랫폼 Instagram 디자이너·스튜디오·브랜드 계정을 팔로우해 …
레퍼런스 탐색피스모음: 디자인 템플릿5일 전1작업물·레이아웃 아이디어를 모을 때 쓰는 포트폴리오·커뮤니티입니다. 웹사이트 벤치마킹은 웹디자인 레퍼런스 사이트 도 참고할 수 있습니다. [[ppcle:behance]] [[ppcle:dribbble]] [[ppcle:pinterest]]
와이어프레임·프로토타입 도구피스모음: 와이어프레임과 목업5일 전0도구 용도 특징 Figma 화면 디자인, 프로토타입 웹 기반 협업 Penpot 화면 디자인, 프로토타입 오픈소스 Balsamiq 와이어프레임 저해상도 스케치 스타일 Whimsical 와이어프레임, 플로차트 마인드맵 함께 작성 Excalidraw 화면 스케치 손그림 스타일 Wirefram…
사이트 한눈에 보기피스모음: 웹 개발과 디자인 자료5일 전1사이트 주요 역할 주 이용층 Stack Overflow 코딩 Q&A 커뮤니티 전 직군 개발자 GitHub 코드 저장·공유·협업 전 직군 개발자 MDN Web Docs HTML·CSS·JS 공식 문서 전 직군 개발자 Can I use 브라우저 호환성 확인 퍼블리셔·프론트엔드 개발자…
유지보수·기능 확장 작업 유형피스모음: 홈페이지와 쇼핑몰 만들기5일 전0솔루션으로 만든 사이트도 오픈 이후 기능 개선, 콘텐츠 수정, 플랫폼 이전 같은 작업이 이어진다. 제작뿐 아니라 유지관리 범위도 함께 보면 선택에 도움이 된다. 작업 내용 기능 개선·수정 기존 솔루션 기반 웹사이트의 기능 개선, 디자인 수정, 오류 해결 커스터마이징 페이지 추가, 콘텐츠…
브랜드 이름과 상표 확인피스모음: 로고 만들기와 브랜딩5일 전0로고를 만들기 전후, 이름 후보와 국내 상표·디자인 등록 여부를 확인할 때 씁니다. 분류 서비스 용도 네이밍 Namelix 브랜드 이름 후보 생성 상표 확인 키프리스 국내 상표·디자인 등록 검색 [[ppcle:namelix]] [[ppcle:kipris]]
서비스 비교피스모음: 디자인 템플릿5일 전1서비스 유형 주요 산출물 비용 구조 Canva 올인원 디자인 로고, 프레젠테이션, SNS 이미지 무료 + 유료 플랜 Visme 올인원 디자인 프레젠테이션, 인포그래픽 무료 + 유료 플랜 Wix 홈페이지 빌더 홈페이지 무료 + 유료 플랜 Envato Elements 리소스 구독 템플릿, …
프레임워크 선택 기준피스모음: CSS 프레임워크5일 전1한 프로젝트에 프레임워크를 여러 개 섞으면 클래스 충돌과 번들 크기 부담이 커집니다. 제작 방식과 유지 상태를 먼저 고른 뒤 테마·템플릿 생태계를 확인하는 편이 안전합니다. 기준 확인 항목 제작 방식 컴포넌트 클래스형, 유틸리티 클래스형 자바스크립트 포함 여부, jQuery 의존 여부 …
FWA를 레퍼런스로 활용하는 방법피스모음: 웹디자인 레퍼런스6일 전1모든 수상작을 그대로 적용할 필요는 없습니다. 구조와 의도를 읽는 방식이 효과적입니다. 첫 화면에서 전달하는 핵심 메시지 확인 페이지 흐름과 CTA 배치 방식 관찰 이미지·영상 사용 대비 성능 구성 파악 모바일 환경에서의 조작 흐름 확인 제목과 설명 구조로 정보 정리 방식 분석 분야와 …
도구 선택 기준피스모음: 웹 이미지 편집과 변환5일 전0목적 맞는 도구 정교한 디자인 작업 포토샵 비용 부담 절감 GIMP 로고·아이콘 작업 Inkscape 웹사이트 속도와 파일 관리 Squoosh, ImageMagick 목적이 분명한 작업(아이폰 사진 등록, 문서 업로드) HEIC 변환기, iLovePDF 같은 전용 도구
