클라우딩 어플리케이션 엔지니어링 TIL(8주차 - 2)

김상우·2024년 2월 14일

페이지 라우팅 2

useParams : 파라미터 값을 URL로 전달하여 사용 가능하게 함, 주로 페이지에서 세부 항목을 만들어야 할때 동적으로 만들 수 있음



Querystring : useSearchparms를 통해 URL에 입력된 값을 바탕으로 데이터를 가져오게 할 수도 있다.


SetSearchParms를 통해 QueryString을 직접 변경할 수도 있다.

useNavigate : 해당 이벤트를 통해 라우팅한 페이지에 Route 없이도 접근할 수 있게 된다.

기초 UI 작업

폰트 설정

구글 font를 통해 가져온 폰트를 CSS에 적용(라이센스 확인으로 무료로 사용 가능한 것을 쓰거나 사용비를 지급해야함)

레이아웃 세팅

이미지 에셋 넣기

이미지를 public/assets 폴더를 만든 후 img 태그를 활용해 가져오기

공통 컴포넌트 세팅

모든 페이지에서 사용할 공통된 버튼/헤더 컴포넌트를 필요에 따라 작성하기

profile
개발 초보

0개의 댓글