8.React/1)개념_React

React_개념_Day_05_02

구이제이 2024. 4. 25. 18:25

#todo에서 add,list누르면 나오게하고싶습니다.

 

 

todo의 하위페이지들을 children으로 만듭니다.



#결과(직접URL입력해서 들어갑니다.그래서 라우터로 묶어줍니다.)






●4




#todoRouter.js(리다이렉트, 중첩라우팅의 분리와 리다이렉트)

// todo/ 와 관련된 children 설정

// 기존의 root.js 파일의 설정 일부를 별도의 파일로 분리하고 설정을 반환하도록 




Navigate replace to = 리다이렉트기능



root에서





#ReadPage.js

//조회할 때 사용할 파일

 





#

유즈파람스라는 훅을 이용해서, 변수를 가져오면, 그것을 해당하는 것을 추출합니다. 그리고 사용합니다.

 

 








ReadPage.js

 



쿼리스트링

3가지?

navigate  - 리다이렉션을 할려구

link  - 그부분만

useNavigate - 유알엘안바뀜, 대신  페이지만 이동하는 역할(어떤 명령,코드 다하지만, 실행이 끝나면, ex) 스프링,스프링부에서 뷰단으로 들어가는것) 



indexPage.js





#번호를 주어야 수정삭제가 이루어진다.

 

 

#readPage.js



#ReadPage.js    딸라붙이면은 백틱(`)을 사용합니다.



useSearchParams()

 

 

조회화면으로 








 

#야물 작성법

1). 칸을 띄우는 것에 의해서, 경로가 지정됩니다.

 

2). 콜론을 만나면, 띄어쓰기를 합니다.