제품 관리자가 이해해야 하는 프런트엔드 기술
프런트엔드 기술은 클라이언트 제품을 개발하고 구현하는 데 사용되는 기술을 말합니다.
Android, iOS, Windows Phone
Html, Css, JavaScript
Windows, MacOS, Linux
1. 모바일 개발 엔지니어(Android, iOS)
2. 웹 프런트엔드 개발 엔지니어(H5)
3. 데스크톱 클라이언트 개발 엔지니어(Windows, Mac)
레이아웃 원칙 적용 및 제품 디자인:
1. 각 컨트롤의 경계 속성을 고려합니다(텍스트의 가장 긴 표시 범위). 제품을 디자인할 때 다양한 화면 크기에 적응)
2. 콘텐츠 기반 컨트롤은 콘텐츠 정렬(텍스트 표시 상자의 콘텐츠 정렬, 이미지 늘이기 방법)을 지정해야 합니다.
UI 컨트롤의 세 가지 요소 ：
1. 크기
2. 위치
레이아웃: 선형 레이아웃, 상대 레이아웃
3. 외관(콘텐츠)
p>모든 디스플레이 문제는 결국 적응 문제로 귀결됩니다. 적응 문제는 모바일 개발의 주요 문제 중 하나입니다. 제품 관리자는 적응 솔루션의 역도입 원리를 이해해야 합니다. 프로토타이핑의 어려움을 줄일 수 있습니다.
1. 인터페이스 레이아웃 적응(상대 레이아웃)
2. 애플리케이션 소재 적응
(1) Android: 사진 9개 클릭
(2) iOS: @2x, @3x
3. 기능적 적응
Html 페이지는 뼈대이고, CSS는 Html 페이지를 장식하는 옷입니다. 다양한 CSS를 기반으로 다양한 디스플레이 효과를 얻을 수 있습니다.
웹페이지는 PC 브라우저와 모바일 브라우저에 적용할 수 있으며, 웹페이지 세트는 다양한 기기에서 다양한 디스플레이 효과를 제공할 수 있습니다.
웹페이지 콘텐츠 수정 시 클라이언트 제품을 다시 게시할 필요가 없으며 웹페이지만 업데이트하면 되며 핫 업데이트를 수행할 수 있습니다.
Html: Hypertext Markup Language
웹을 나타냅니다. 태그 형태의 페이지 구성요소 요소는 브라우저에 의해 구문 분석되어 시각적 페이지로 복원됩니다.
CSS: Cascading Style Sheets
통합 스타일을 정의하고 Html에 대한 표시 스타일을 렌더링합니다. 페이지 요소
Html5 애플리케이션: 가볍고 유지 관리가 쉬운 웹 기술을 통해 구현된 클라이언트 제품
네이티브 애플리케이션: 다양한 모바일 플랫폼 기술을 통해 구현된 클라이언트 제품으로, 좋은 경험과 풍부한 기능
하이브리드 애플리케이션: Html5와 네이티브 애플리케이션의 하이브리드 구현으로, 일부 기능을 대체하기 위해 네이티브에 포함된 H5 페이지가 있으며 동적 확장과 높은 유연성이 특징입니다
1. 제품 프로토타입 디자인 이때 제품 사고와 구현 사고를 결합하세요
2. 컴포넌트 기반 디자인 아이디어, 개발 관점에서 문제를 생각하고 재사용 가능한 제품 모듈을 디자인하세요
3. 기존 기술 디자인 제품 프로토타입을 기반으로 기술 경계를 명확히 합니다.