제품 사양 개발 프로세스

개발 준비

제품 및 디자인 이해

요구사항, 상호작용, 시각적 회의에 참여하여 제품 디자인과 프로젝트 구성원을 이해합니다.

제품이 설계된 장치와 플랫폼에 대해 알아보세요.

제품의 호환성 요구 사항과 반응형 디자인 채택 여부 등을 이해합니다.

제품에 사용된 기술(WEB 기술, 데스크탑 기술, APP 기술, 템플릿 언어, 혼합 모드 등)을 이해합니다.

질문과 통찰력을 물어보세요

대화식 또는 시각적 회의에서 기술 요구 사항과 관련하여 질문과 통찰력을 물어보세요.

가능한 문제(기술적 구현 문제, 성능 문제 등)를 제기하고 해결책(예: 우아한 성능 저하)을 협상하여 합의에 도달합니다.

제품 혁신을 지원하기 위해 기존 신기술을 제품에 적용할 수 있는 시나리오를 제안합니다.

기술 연구 및 교육

기술 연구가 필요한지 여부에 따라 발생할 수 있는 위험을 제안합니다.

기술 연구를 수행하고, 기술 데모를 제작하고, 데모를 전시하고, 연구 결과에 대한 피드백을 제공합니다.

기술 연구 콘텐츠의 경우 먼저 경험이 풍부한 프론트엔드 엔지니어나 프론트엔드 기술팀에 문의할 수 있습니다.

미경험자나 신입사원도 교육을 신청할 수 있습니다.

어려운 기술적 문제를 NEC에 제출하시면 NEC가 문제 해결을 도와드립니다.

NEC, 특히 코드 사양과 기술 데모를 이해하세요.

인력 및 시간 예산

프로젝트 시간 요구 사항 및 작업량을 기준으로 인력 및 시간 예산을 책정합니다.

예산 개발 주기 및 단계별 결과.

요청자에게 프로젝트 관리 플랫폼에서 프로젝트를 생성하고 프로젝트 멤버를 추가하고 SVN을 생성하고 멤버 권한을 설정하도록 상기시켜주세요.

개발 프로세스

책임과 업무

전체 페이지 개발의 전반적인 기획, 배포, 조정을 담당할 페이지 엔지니어 담당자를 정합니다. 작업 및 주요 개발 책임.

개발 작업을 시작하기 전에 인터랙션 프로토타입이나 시각 효과가 완성되었는지 확인하세요.

병렬 모드를 채택하면(시각 디자인과 페이지 개발이 동시에 진행됨) 인터랙티브 프로토타입이 완성되고(시각 효과가 완성된 후 페이지 엔지니어가 세부 사항을 추가합니다) 할당이 시작됩니다.

페이지 유형별로 할당하면 동일한 유형의 페이지가 동일한 사람에게 할당됩니다.

모두가 페이지의 공통 요소(여러 페이지에서 동일하거나 유사한 부분)를 이해해야 합니다. 공통 요소는 한 사람에게만 할당되며 각 사람은 자신의 페이지를 완성하면서 "추출 및 제거"를 완료합니다. . "분류 방법 사양"을 이해해야 할 수도 있습니다.

사진은 병합이 불가능하고 SVN을 사용하여 충돌을 해결하므로 잘라낸 사진을 전체적으로 할당해야 합니다.

프로젝트 관리 플랫폼에서 세분화된 개발 과제를 생성하고, 과제 내용과 시간을 입력하고, 과제 간에 연관성이 있는 경우 연관 또는 소속을 설정합니다.

페이지 개발

"페이지 개발" 디렉터리(예: js, css, html, img)와 "추출 및 제거" 디렉터리(예: 예: 데모).

NEC 프레임워크를 사용하여 css/*.css, html/*.html, 데모/그리드.html, 데모/모듈.html, 데모/유닛.html과 같은 프런트엔드 파일을 만듭니다.

NEC 코드 라이브러리와 플러그인을 사용하여 페이지를 효율적으로 개발하세요.

인터랙션, 비주얼 및 기타 프런트엔드 엔지니어 또는 백엔드 엔지니어와 원활한 의사소통을 유지하세요.

이슈 및 제안에 대한 적시 피드백: 효과 의심 확인, 누락된 상태 보완, 우아한 성능 저하 제안, 행동 구조 설명 등

병렬 모드를 채택하면(페이지 개발과 JS 개발이 동시에 수행됨) JS 개발 엔지니어가 비즈니스 로직 레이어를 병렬로 개발한 후 UI를 삽입할 수 있는 대화형 프로토타입이 완성됩니다. 페이지 개발이 완료된 후 레이어.

추출 및 스트리핑

페이지 개발 시 해당 HTML 파일로 레이아웃(그리드), 모듈(모듈), 컴포넌트(유닛)를 추출합니다.

작업 중복을 피하고 페이지 요소를 명확하게 확인하세요. 요소를 추가할 때 먼저 이 디렉토리로 이동하여 해당 요소가 구현되었는지 또는 유사한 구현이 있고 확장만 필요한지 확인하세요.

"추출 및 스트리핑" 디렉터리의 HTML 파일과 "페이지 개발" 디렉터리의 HTML 파일은 동시에 유지 관리되어야 합니다.

개발 결과

자체 테스트 및 공동 디버깅

업데이트, 병합, 충돌 해결 및 제출.

포괄적인 다중 장치 및 코드 호환성 테스트.

셀프 테스트 중 다른 사람이 작성한 코드에 문제가 있는 경우 적시에 피드백을 보내주세요.

승인을 위해 제출

단계적 출력이 있는 경우 페이지 엔지니어는 효과 승인을 위해 페이지를 디자이너에게 제출합니다.

효과 승인은 주로 시각적 효과 준수(크기, 위치, 색상, 절단 등)를 확인합니다.

필요한 경우 코드 승인을 위해 숙련된 프런트엔드 엔지니어나 프런트엔드 기술팀에 동시에 제출할 수 있습니다.

코드 승인은 주로 호환성, HTML 사양 및 CSS 사양을 확인합니다.

인계 지침

승인이 완료된 후 템플릿 레이어 개발 및 동작 로직 개발을 위해 후속 개발 엔지니어에게 알리고 넘겨야 합니다. 페이지 엔지니어는 필요할 수 있는 영역을 설명해야 합니다. 그들의 관심이나 코드 설명.

작업을 다른 사람에게 양도해야 하는 경우 전반적인 아키텍처 배포 및 코드 설명도 명확하게 설명해야 합니다.

요약 공유

공유 콘텐츠에는 건축 아이디어, 협업 경험, NEC 사용 경험, 장비 기능 소개, 신기술 적용, 연구 및 시연, 발생한 문제 및 솔루션 등이 포함될 수 있습니다.

공유 개체는 상호 작용, 시각적, 프런트 엔드 및 관심 있는 모든 사람으로 제한되지 않습니다.

요약에 포함된 기술 데모를 NEC에 제출할 수 있으며, 이러한 기술을 축적하고 다른 사람들과 공유하는 데 도움이 되도록 코드 베이스에 게시할 것입니다.

변경 유지 관리

원칙적으로 요구 사항 변경 및 설계 변경 없이 직접적인 개발 변경은 허용되지 않습니다.

변경하기 전에 변경 이유를 파악해야 하며, 변경 후 즉시 후속 개발 엔지니어에게 알려야 합니다.

정적 리소스의 버전 번호가 자동으로 업데이트되지 않으면 버전 번호를 수동으로 업데이트해야 할 수도 있습니다.

변경 및 유지 관리는 본 사양의 모든 프로세스를 사용합니다. 즉, 이전 프로세스 중 일부를 반복해야 할 수도 있습니다.