FrontEnd UI

 

1. Module CMR(Create, Modify, Remove) 설계

개별, 지정, 일괄, 검색

2. Module DL(Detail, List) 설계

Detail : 검색 전환부-정적부-상태부-권한부-인증부-연동부-확장부-제어부-이동부

List : 대상부-관점부(시의, 단계)-상태부-목록필터부-검색부-검색조건부-목록화면부-목록조건부-페이징부-URI부-쿼리부-제어부-이동부

3. Layout 결정

3-1. UX 기준 설계 : 벤치 후 익숙한 패턴 숙지, Fixed(대상 전환부), Sticky(고정부 = Identity), Flexible(대상 활용부), Extension(파생부)

3-2. Action 기준 설계 : 패턴의 반복성, 직관적, 3T이내

4. 배치

4-1. BS 규칙성, 적은 Tag량

4-2. 비동기성 데이터, Redux State 연관성 점검

4-3. 중요도에 따른 순서 배치

4-4. 한 화면

4-5. Component 배치 성질