프런트엔드 개발

어떤 프레임워크든 제공하는 것

• 최신 버전, 최신 패턴. 최신 안정 릴리스를 추적하며, 코드베이스가 메이저 버전 두 개 뒤처지도록 두지 않고 손대는 파일을 같은 변경에서 현대화합니다.
• 페이지 더미가 아닌 디자인 시스템. UI 패턴마다 하나의 구현을 두고 공유 블록으로 구성하며, 모든 공유 컴포넌트에는 axe 접근성 검사를 실행하는 스토리가 있습니다.
• 백엔드에서 생성하는 계약. API 클라이언트는 OpenAPI 문서에서 생성하며, 어떤 데이터 타입도 손으로 입력하지 않고 생성된 폴더는 읽기 전용입니다.
• 렌더링 전 권한 부여. 모든 라우트에는 컴포넌트가 생성되기 전에 처리되는 타입이 지정된 권한 가드가 있습니다. HTTP 인터셉터는 심층 방어를 위한 장치일 뿐 기본 통제 수단이 아닙니다.
• 필수 요건으로서의 모바일. 375px에서 가로 스크롤이 없고, 터치 대상은 44픽셀이며, 잘리는 요소가 없고, 주요 동작은 엄지손가락으로 닿을 수 있습니다.

컴포넌트 작성 방식

로직, 템플릿, 스타일은 항상 같은 위치에 있는 세 개의 파일입니다. 구조화된 필터, 정렬, 페이지 이동은 화면을 공유할 수 있도록 URL에 담고, 자유 텍스트 검색은 개인정보를 포함할 수 있고 URL이 로그에 남기 때문에 메모리에만 둡니다. 계산, 서식 지정, PDF 또는 CSV 내보내기는 브라우저에서 처리하고, 원본 데이터의 페이지 이동과 필터링은 호출자의 가시성 필터를 적용한 SQL에서 처리하므로 브라우저가 사용자가 볼 수 없는 행을 받는 일이 없습니다.

당사가 출시한 프런트엔드

Angular와 React로 납품한 4개의 싱글 페이지 애플리케이션, 300개가 넘는 UI 컴포넌트, 90점을 넘는 Lighthouse 점수로, 트레이딩, 헬스케어, HR, 물류 분야 제품에 적용했습니다. 수치는 당사 납품 이력에 따른 것입니다.