마!내가바로왕만두다

useParams: URL 경로에서 값을 가져와요. 예: /user/123에서 123.useSearchParams: URL 쿼리 스트링에서 값을 가져와요. 예: /search?keyword=react에서 react.   useNavigate 특정 로직 이후에 다른 경로로 이동할때 사용 이벤트handler 이랑같이사용  동적이동  Link.   정적 주로 HTML 링크처럼 사용합니다. 사용자가 버튼이나 텍스트를 클릭했을 때 특정 페이지로 이동시키고 싶을 때 사용해요.대신 사용 find  각 요소를 순회 하면서 true 를 반환 배열에서 특정 조건을 만족하는 첫 번째 요소를 찾아줌 찾는것이 없으면 undefined 반환  / 하나 잇으면 기본 페이지  상세페이지 “/:id”  오늘은 팀프로젝트랑 베이직 반 ..

TIL 2024. 9. 2. 20:19

components  붕어빵 틀props 붕어빵재료 {} . 이들어가면 js 문법이들어간다 components  대문자로 이름지어야함  children 붕어빵 틀에 들어가는 특별 한 내용물 붕어빵틀 안에 직접 넣는 무언가 .  붕어빵 틀 (컴포넌트)는 항상 모양이 같지만 , 안에 들어가는 내용물 (children)은 그때 그때마다 다르게 넣을 수있다   Props는 붕어빵의 재료 같다. 어떤 재료가 들어가느냐에 따라 붕어빵의 맛이나 모양이 달라진다 .( 반죽 ,속재료) ex)붕어빵을 얼마나 구을지 , 속재료는 어떤것을 넣을지 . 반죽의 종류  Children은 붕어빵 틀 안에 직접 넣는 내용물. 틀은 똑같지만, 안에 무엇을 넣느냐가 달라질 수 있다.(팥 , 고구마 , 크림)속을 채우는 역할 . 팥이 ch..

초보코딩 2024. 9. 1. 15:12

function 선언 블록을 찍어내는 기계를 지금 만들겠다 function Block () {return-> 찍어낼 블록에 대해 구체적으로 명시  }export default App; 선언한 컴포넌트를 외부에서 재사용할수있도록 내보낸다  컴포넌트는 한번 정의 하고 내보내면 , 다른 파일에서 언제든디 재사용할수있다 . props 리엑트에서 컴포넌트 간에 데이터를 전달하게 위해 사용되는 개념 props 는 함수에 인지를 전달 하는 원리와 비슷하다  함수가 인자를 받아 처리하듯, 컴포넌트는 props 를 받아 렌더링에 사용한다   props 는 항상 부모 컴포넌트에서 자식  컴포넌트로 전달해야한다  구조분해 할당 방식을 사용하여 props 값을 전달 받을 때는 {} 를 사용한다 .{number} 구조분해 할당..

초보코딩 2024. 8. 31. 22:23