🚗 Angular Observable 패턴 정리 (movies$ vs currentCar$)
✅ 1️⃣ 목표 오늘은 Angular의 Observable에 대해서 공부한 것을 정리해보려고 한다. 두 가지 케이스를 통해서 Observable로 들어온 변수를 어떻게 필터링 하는지, 그리고 상태 관리는 어떻게 하는지 알아보겠다. 서버에서 옵저버블로 넘어온 movies$를 인...
최근 포스트
Angular: FormControl과 Signal을 함께 쓸 때 겪는 문제들 정리 (2)
1️⃣ RouterLink 주어진 코드에 routerLink는 있었고, 추가적으로 <route-outlet />를 사용해야해서 RouterOutlet 을 import 했는데, 계속 routerLink가 작동이 안되는 문제가 있었다. 당연했다. RouterLink에 대한 ...
Angular: FormControl과 Signal을 함께 쓸 때 겪는 문제들 정리
Introduction 최근 Angular Level 2 시험을 준비하며 코딩 과제를 하다 다음과 같은 문제들을 겪었다. 차 모델을 선택하면 해당 색상 리스트가 동적으로 바뀜 모델과 색상 리스트는 Signal로 관리됨 FormControl을 통해 <select&g...
Recursive Query를 활용한 카테고리 페이지 구현
Introduction 이번 글에서는 데이터베이스의 재귀 쿼리와 React에서의 재귀 렌더링을 활용하여 카테고리 페이지를 구현한 과정을 기록한다. 카테고리 데이터는 계층적 구조를 가지기 때문에 단순한 쿼리나 렌더링 방식으로는 원하는 결과를 얻기 어렵다. 이 글은 이를 해결하기 위해...
Recursive Query 1
Introduction 데이터베이스에 있는 데이터를 브라우저에 표현하는 방식은 여러가지가 있다. 표로 나타낼 수도 있고, 라디오 버튼으로 선택을 할수 있게끔 나타낼 수도 있다. 그리고 계층형 구조, 다른 말로 Tree 형식 으로도 나타낼 수 있다. 만일 보여주고자 하는 데이터가 부...