목록엘리스 (25)
치악산 복숭아
Declarative Routing for React 공식 문서에서는 React Router를 Declarative Routing for React로 정의하고 있다 이게 머야,,,싶어서 검색한 끝에 잘 설명해주는 글 발견 (🙋♀️ 멋진 코드 예제들이 있어요!) https://stackoverflow.com/questions/33655534/difference-between-declarative-and-imperative-in-react-js Difference between declarative and imperative in React.js? Recently I've been studying a lot about the functionality and the ways to use the Faceboo..
TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. form 태그 작성할땐 type들을 잘 작성해주는것이 좋다 2. 함수가 선언됐는지(존재하는지) + 타입 확인을 한번 더 함으로써 에러 방지! if(typeof onInsert === "function" && inputValue) { // onInsert가 정상적인 함수인 지 확인하여 에러 방지 onInsert(inputValue); } 3. 리액트에서 style은 object로 표현해야한다 {name}님 안녕하세요 반갑습니다. 위와 같은 inline style의 property name은 camelCase로 적는다 첫번째 중괄호는 자바스크립트 표현을 사용하겠다는 의미 두번째는 object의 중괄호 SPA와 라우팅 Single Pa..
TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. Hook 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용 State Hook의 대표적인 예로 useState가 있음 다른 컴포넌트와 Hook 내에서만 사용 가능 이름은 반드시 use로 시작 최상위 level에서만(첫번째 중괄호) hook 호출 가능 ⭐️ 왜 Hook이 등장했냐면... 기존에는 컴포넌트 내에서 state와 생명주기를 관리하기 위해서 반드시 클래스형 컴포넌트를 사용 다소 복잡한 클래스형 컴포넌트를 보완하고 함수형 컴포넌트에서도 해당 기능을 사용할 수 있도록 이후 추가됨 (1)State Hook useState: 컴포넌트 내 동적인 데이터를 관리할 수 있는 hook..
TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. Props 컴포넌트에 원하는 값을 넘겨줄 때 사용 Javascript의 요소라면 모두 넘겨줄 수 있음(ex: 변수, 함수, 객체, 배열 등) 주로 컴포넌트의 재사용을 위해 사용 컴포넌트에 많은 로직이 들어가고 반환되는 jsx의 요소들이 많고 복잡하다면 props를 사용하는게 효율적 props는 읽기 전용⭐️ 왼쪽처럼 props의 값을 직접 변경할 경우 리액트가 재렌더링하는데 문제가 생길 수 있음 오른쪽처럼 새 변수를 생성해 복제해서 사용합쉬다 HTML에서의 checked, value ➡️ 초기값 리액트에서는 현재값 초기값을 지정하고 싶다면 defaultChecked, defaultValue 속성 사용하기 2. State 컴포넌트 ..