Angular의 제어 흐름 마이그레이션 스크립트에서 얻은 교훈

저자는 더 이상 사용되지 않는 'NgIf', 'NgFor' 및 'NgSwitch' 지시문에서 새로운 제어 흐름 구문으로 Angular 코드를 마이그레이션한 팀의 경험을 자세히 설명합니다. 마이그레이션 스크립트가 실행된 후 신중한 수동 검토의 중요성을 강조하여 큰 끌어오기 요청을 방지합니다. 이 문서에서는 위험을 최소화하기 위해 마이그레이션 중에 관련 없는 코드 정리 변경을 수행하지 않도록 경고합니다. 특히, 부정된 'if' 문을 'else' 블록으로 변환하고 중복된 'div' 태그를 제거하면 미묘한 버그가 발생할 수 있으므로 경고합니다. 'let i = $index'를 '$index'로 바꾸는 것은 안전한 변경으로 간주됩니다. 작성자는 마이그레이션 후 인라인 요소의 간격 문제를 지적하고 잠재적인 문제를 식별하는 데 도움이 되는 스크립트를 제공합니다. 성능을 위해 '@for' 루프에서 'track'을 사용하는 이점을 강조하고 마이그레이션의 'ng-template else' 블록 처리를 설명합니다. 저자는 또한 'ngSwitchCase' 블록 외부의 임의의 HTML로 인해 문제가 발생할 수 있다고 언급합니다. 마지막으로, 마이그레이션 스크립트는 코드 형식을 잘 지정하지 않으며 가져오기를 제거한 후 빈 줄을 남길 수 있습니다.