분류 전체보기 141

key는 리액트에서 어떤 항목을 추가, 삭제, 변경 등을 할 때 식별을 위해 사용하게 됩니다. key는 변경되지 않는 유일값으로 설정하는데, 보통 ID가 유일하기에 ID값을 사용하는 경우가 많습니다. key값이 존재하지 않으면 배열 중간의 값이 제거가 되는 등 해당 인덱스에 대한 값이 변하게 됩니다. 이때문에 고유한 값으로 key값을 주게 되면, 배열내 값이 변경이 되어서 리렌더링을 할 때, 값을 재사용 하는 경우 불필요한 렌더링을 줄일 수 있어서 최적화에도 도움을 줍니다.

1. 예시의 코드를 실행할 때, 콘솔에 출력될 값과 그 이유를 설명해 주세요. 해당 코드의 결과로는 3이 출력됩니다. 콘솔에서는 num을 찍어주는데, 1번에서 1로 할당되었던 것이 2번은 비록 대기시간은 0으로 바로 될 것 같지만, 비동기처리되어 우선적으로 3번의 3으로 최종적으로 할당 및 출력이 됩니다. 하지만 출력이후에는 num에는 비동기화된 2번 값이 셋팅이 되어 이 작업 이후 다시 num을 출력하게 되면, 2로 바뀐것을 볼 수 있습니다. 2. 리액트에서 Virtual DOM이 무엇인지, 이를 사용하는 이유는 무엇인지 설명해 주세요. Virtual DOM은 실제의 돔이 아닌 실제 돔을 모방한 가상돔을 의미합니다. 이렇게 복제된 가상돔의 변화를 원래의 돔과 비교하게 되어 변화한 부분만 리렌더링을 하는..

🥨 HTTP 메소드 주어진 리소스에 원하는 동작을 나타내기에 HTTP 동사 라고도 불리운다. 각각의 기능으로 나뉘어 있지만, 일부 메소드의 경우에는 의미를 공유하기도 한다. CRUD : Create-Read-Update-Delete 요청(Request) 메소드의 종류메소드 데이터 처리 및 바디 포함여부 기능 HTTP메소드 데이터에서의 역할 바디 포함 여부 데이터 조회 GET READ X 데이터 추가 POST CREATE O 데이터 수정 PUT UPDATE O 데이터 삭제 DELETE DELETE X 위 메소드 외에도 HEAD, CONNECT, OPTION, TRACE, PATCH등의 메소드가 있다. https://developer.mozilla.org/ko/docs/Web/HTTP/Methods GET ..

🥨 이벤트 버블링 자식요소에서 부모요소로 이벤트가 전파되는 것 하나의 요소가 이벤트가 발생되게 되면, 이 요소에 할당된 이벤트 핸들러가 동작이 되고, 뒤이어 같은 타입의 이벤트에 한해 부모요소도 동작이 됨. 최상단의 윈도우를 만나기 전까지 이 동작이 반복. 부모요소들까지 동작이 되는 현상이 벌어짐. 이런 현상이 있어도 target 프로퍼티는 최초로 발생된 시작점을 담고 있음 이벤트 핸들러가 동작된 요소에 접근하고 싶을 때, e.currentRarget 버블링을 멈출 때. e.stopPropagation();을 통해 버블링을 막을 수 있음. 버블링을 막을 일이 많지는 않으나 알아두는 것이 좋음 🥨 캡쳐링 이벤트 흐름의 3가지 단계 캡처링 단계: 이벤트가 하위 요소로 전파되는 단계 이벤트가 발생하면 가장 먼..