대외 시스템

이지자산평가의 각 파트별로 평가한 평가결과에 대하여, 각 계약사들이 요청한 결과를 볼 수 있는 시스템으로 이지자산평가의 첫 대외 시스템 입니다. (이름 미정)

👤 My Parts

Front end

💡 Develop

대외 시스템의 구조를 이전 EG-Metis와 동일한 구조로 개발이 진행되었습니다. 그에 따라 Typescript, Pinia,등을 추가로 적용해보며, 불필요한 코드들이나 구조 개선등의 리팩토링과 파일관리에 집중하여 개발을 진행하였습니다.

👉 Javascript → Typescript 적용

Typescript를 적용한 가장 큰 이유는 개발성 향상 입니다.

이전 EG-Metis의 경우 불명확한 타입으로 인해 Error가 발생한 경우가 많았고, 또 코드 작성 시에 발견되지 않은 부분에 대해 개발 후에 발견되는 경우가 종종 있었습니다.

Typescript를 적용했을 때 코드 작성시에 해당 부분을 잡을 수 있고, 그에 따라 개발성을 향상시킬 수 있다고 생각하여 적용하였습니다.

개발은 Javascript로 기능들을 개발하고 Typescript를 적용하는 방식으로 개발을 진행하였습니다.

파일은 메서드들에 대한 파일타입에 대한 파일구분하여 관리하였습니다.


👉 SCSS 적용을 통한 코드 관리

list나 반복문을 활용하여 코드양을 줄일 수 있는 부분은 줄이면서 개발을 진행하였습니다.

highlight, border-color, font-size,.. 등 공통적으로 사용 되는 값들에 대해서는 변수용 파일을 따로 만들어 관리하였습니다.