Web Guide퍼블리싱개발제작 공정
퍼블리싱과 개발의 차이
견적서에 두 항목이 따로 있는 이유가 여기에 있습니다.
다른 사람이 다른 기술로 하는 작업입니다. 구분을 알면 견적과 일정이 읽힙니다.
01무엇이 다른가
퍼블리싱은 디자이너가 그린 그림을 브라우저에서 보이는 실제 화면으로 만드는 작업입니다. 개발은 그 화면에서 일어나는 동작을 만드는 작업입니다.
버튼이 보이게 하는 것은 퍼블리싱, 버튼을 눌렀을 때 메일이 발송되게 하는 것은 개발입니다.
퍼블리싱
화면 구현 · 디자인대로 보이게 · 반응형 처리 · 브라우저 호환 · 애니메이션 · 결과가 눈에 보임
개발
동작 구현 · 데이터 저장과 조회 · 폼 처리와 발송 · 관리자 기능 · 외부 연동 · 눈에 안 보이는 부분이 많음
02순서와 병행
일반적으로 디자인 → 퍼블리싱 → 개발 순으로 진행되지만, 완전히 순차적이지는 않습니다. 퍼블리싱이 끝난 화면부터 개발을 붙이는 식으로 병행합니다.
관리자 기능처럼 디자인과 무관한 부분은 퍼블리싱과 동시에 개발할 수 있습니다.
STEP 01
디자인
화면 확정
STEP 02
퍼블리싱
화면 구현
STEP 03
개발 결합
동작 연결
STEP 04
테스트
전체 확인
03어느 쪽 문제인지 구분하면 유용하다
문제가 생겼을 때 어느 쪽 문제인지 대략 알면 소통이 빨라집니다. 보이는 문제인지 동작하는 문제인지로 구분하면 됩니다.
'화면이 깨진다'는 퍼블리싱, '눌러도 반응이 없다'는 개발 쪽일 가능성이 큽니다.
퍼블리싱 쪽 문제
레이아웃 깨짐, 모바일에서 잘림, 글자 크기 이상, 버튼 위치 어긋남
개발 쪽 문제
폼 제출 안 됨, 메일 미발송, 목록이 안 나옴, 로그인 오류
양쪽 다
느림(둘 다 원인일 수 있음), 특정 브라우저에서만 안 됨
콘텐츠 문제
오타, 잘못된 정보. 관리자에서 직접 고칠 수 있는 경우가 많습니다
04견적에서 확인할 것
퍼블리싱 비용은 화면 수에, 개발 비용은 기능 복잡도에 비례합니다. 둘이 합쳐져 있으면 무엇에 얼마가 들어가는지 알 수 없습니다.
특히 반응형 처리가 퍼블리싱에 포함되어 있는지 확인하세요. 별도로 잡히는 경우가 있습니다.
항목 분리 확인퍼블리싱과 개발이 나뉘어 있는지.
반응형 포함 여부모바일 대응이 퍼블리싱에 포함인지 별도인지.
브라우저 지원 범위어디까지 대응하는지. 구형 지원은 비용이 올라갑니다.
애니메이션 범위스크롤 효과 등이 포함인지.
화면 수 기준퍼블리싱 비용의 근거가 되는 화면 목록.
CHECK POINT
□ 견적서에 퍼블리싱과 개발이 분리되어 있는가
□ 반응형 처리가 포함인지 확인했는가
□ 브라우저 지원 범위가 정해져 있는가
□ 애니메이션과 인터랙션 범위가 명시되어 있는가
□ 문제 발생 시 보이는 문제인지 동작 문제인지 구분해 전달하는가
#퍼블리싱#개발#제작 공정#반응형#견적 항목#브라우저 호환#문제 구분#웹 기초#웹비스타#홈페이지 제작