220818 - 웹페이지 알파, 베타 테스트 / 반응형 웹, 적응형 웹

알파 테스트

: 랩 환경에서 개발자 본인이 테스트

 

• html 유효성 검사

 

 

• css 유효성 검사

 

 

 

 

베타 테스트

: 실제 환경에서 소프트웨어 응용 프로그램의 사용자가 수행

 

 

• 크로스브라우징

크롬, 파이어폭스 등 여러 브라우저에서 수행되는가

 

 

• 레이아웃 & 내비게이션

불필요한 요소나 효과는 없는가
레이아웃과 색상은 주제와 어울리는가
서체, 색상, 레이아웃 등의 일관성과 통일성이 유지되는가
내비게이션 위치와 이미지는 적절한가
추천사이트 등의 외부 연계가 정확한가

 

 

• 콘텐츠 & 스타일

콘텐츠 전체에 사용된 글에 오타는 없는가
콘텐츠 순서가 논리적으로 되었는가

 

 

• 스크립트 동작

스크립트가 오류 없이 잘 동작하는가
스크립트로 인한 로딩 속도에 문제가 없는가

 

 

 

 

반응형 웹 & 적응형 웹

• 반응형 웹 (Responsive Web)

하나의 웹페이지(pc, 태블릿, 모바일)
실시간으로 반응해 보여주는 웹

장점: 운영 편리 (하나의 웹페이지만 관리)
단점: 로딩 속도 느릴 수 있음, 기획이 어려워 복잡한 웹페이지(ex. 네이버)는 제작하지 않는 편

 

 

• 적응형 웹(Adaptive Web)

PC, 모바일 웹페이지 따로 제작

장점: 로딩 속도 빠름, 복잡한 웹페이지도 제작, 기획 쉬운 편
단점: 비교적 높은 비용