Today I Learned
날짜
2024년 12월 12일 목요일
내용
선택적으로 path parameter 받기
쇼핑몰 상세 페이지에서 오른쪽 네비게이션 바를 통해 티켓을 볼 수 있다. 이 티켓을 클릭하면 티켓 페이지를 새창으로 띄워줘야 하고 상세보기에는 해당 티켓이 나타나야 한다. 티켓페이지에선 상세보기도 하위 컴포넌트로 구현되어 있어서 어떤 티켓을 눌러도 중앙 쪽에 있는 돔에만 변화가 생길뿐 나머지는 그대로다. 즉, 티켓 페이지의 최상위 컴포넌트에는 정해져있는 로직에 따라 최초로 상세보기에 띄울 티켓을 선택할 뿐이고 그 외는 없어서 구현해야 했다.
path parameter를 이용해서, 상세보기로 띄울 티켓을 정할 수 있게 했고, 변수가 주어지지 않았다면 평소처럼 작동하도록 만들었다. 그런데 path parameter를 가장 끝에 선택적으로 둘 수 있을거라 생각했는데 작동하지 않는다.. 일단 변수 있는 uri와 없는것 둘 다 등록해버렸다.. 이거맞나..
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const routes: Routes = [
{
path: '',
component: AlertComponent,
children: [
{
path: 'ticket',
component: TicketComponent,
},
{
path: 'ticket/:id',
component: TicketComponent,
},
],
},
];
회고
fastapi 에선 복잡한 조인문도 어느정도 쿼리를 직접 짤 줄 알게 되었는데, 장고에선 아직 감이 안온다..
