개발/TIL

[230421] 변수 바인딩 event 주의, 컴포넌트 구분, routerLink

ash_ 2023. 4. 21. 17:29

오늘 할 일 : 버그 픽스 끝내기, 다른 페이지 수정 완료하기

버그 픽스는 끝냈고, 그룹 부분 수정


중복되는 코드가 많은데, 하나로 묶거나 추상화 하기에도 애매한 것 같다,

일단 Service에서 관리할 로직과 데이터, 그리고 컴포넌트에서 직접 관리할 로직과 데이터를 잘 생각해서 구분한 뒤에

중복되거나 재사용이 가능한 부분을 정리해서 따로 빼서 만들어야 할 것 같다. 지금은 그걸 정리 안한 채로 섞어서 사용해서 많이 헷갈리게 된 것 같다.

searchsorting 은 서비스로 따로 빼기

데이터 다루는 부분도 한번 정리하기


굳이 양방향 바인딩이 아니어도 되는, 단방향이어도 되거나 바인딩이 필요 없는 변수에 바인딩을 주면, 쓸데없는 이벤트 훅이 돌 수도 있으므로 주의해야 함!

ngOnChages() 이벤트 훅은 @Input() 된 변수가 변화할때마다 동작하는데, 만약 @Input() 으로 전달한 변수가 다른 역할을 한다면, 전혀 다른 동작을 할 대 ngOnChages() 가 동작할 수도 있다.

simpleChages 매개변수로 동작을 제어할 순 있지만, 그래도 ngOnChages() 훅이 돌기 때문에 잘 생각해서 써야 한다.


Angular HTML 태그 속성 : 라우팅

routerLink="/라우터 가고싶은 경로"

routerLinkActive='해당 경로일때 스타일 적용할 class'