60. 기타등등/63. JavaScript

[리팩토링]JSP & JS 리팩토링

Wooris 2023. 7. 24. 18:49

요구사항은 간단했다. 

'그리드의 특정 컬럼들의 글자 수 Validation을 건다.'

마음만 먹으면 1시간이면 다 할 수 있는 일이었다.

하지만 시간이 많이 있기도 했고 예전부터 거슬렸던 것들을 정리를 해보고자 했다.

 

먼저 AS-IS 소스를 보도록 하자.

문제점

1. 소스는 정리가 되지 않았다.

2. 화면과 기능이 전부 얽혀있어서 관리가 힘들다.

3. function 하나가 너무 많은 역할을 한다.

3. 성격이 같은 기능을 여러 파일에서 수행하고 있다.

4. 하드코딩이 너무 많다.

 

 

주의해야할 점

기존기능은 전부 이상없이 돌아가야한다!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1트

 

 

 

[이 작업을 하면서 배운 것들]

[남은 일]

  • Validation 소스 정리
    • 기존 기능이 전부 되게 새롭게 정의된 구역에 옮겨 놓는다.
  • Validation이 하는 일들이 비슷하다.
    • JAVA에 Constants? Properties 처럼 관리해서 파일 수정으로 Validation들을 한눈에 볼수있고 추가도 쉽게 만들예정

=> 너무 오랜 시간을 소스를 구조화하고 발라내고 쪼개는 데 써서 애초에 계획했던 Validation하는 부분을 깔끔하게 정리하지 못햇다.

 

 

====참고

•callback .예제
•
•callback 개념
•
•Object assign

 

•
•
•async & await
•
•개념
•[기술면접] 비동기 호출 callback, promise, async/await의 특징과 차이점
•
•전부다  (callback / promise / async-await)
•
•
•jqgrird