치악산 복숭아

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..

1. 자료구조 자료를 저장하는 방법과 자료에 적용할 수 있는 연산을 구체적으로 제공한 것 각각 장단점이 있으며 구현하고자 하는 프로그램의 성능을 고려하여 알맞은 자료구조를 선택해야함 2. 추상적 자료형 어떤 자료와 그 자료에 대한 연산(동작)들의 수학적인 정의 이 정의를 구현하는 방법은 명시되어 있지 않음 추상적 자료형을 구체적으로 구현한 결과가 자료구조 3. 리스트 (추상적 자료형) 순서가 존재하며, 일렬로 나열된 값들이 들어있음 (1) 배열 (구현) 인덱스 가지고 있음 특정 위치의 자료 탐색 유리 (2) 연결 리스트(구현) 일렬로 저장된 값들이 노드의 형태로 저장되어 있음 자료의 삽입, 삭제에 유리 (3) 해시 테이블 충돌 해결 방법: 오픈 어드레싱 충돌이 발생했을 때 자료를 저장하기 위해 빈 공간을..

TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. Hook 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용 State Hook의 대표적인 예로 useState가 있음 다른 컴포넌트와 Hook 내에서만 사용 가능 이름은 반드시 use로 시작 최상위 level에서만(첫번째 중괄호) hook 호출 가능 ⭐️ 왜 Hook이 등장했냐면... 기존에는 컴포넌트 내에서 state와 생명주기를 관리하기 위해서 반드시 클래스형 컴포넌트를 사용 다소 복잡한 클래스형 컴포넌트를 보완하고 함수형 컴포넌트에서도 해당 기능을 사용할 수 있도록 이후 추가됨 (1)State Hook useState: 컴포넌트 내 동적인 데이터를 관리할 수 있는 hook..