코드잇 6

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

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

자바스크립트에서 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy) 얕은 복사 - 값이 저장된 메모리의 주소를 복사 한 것으로 참조만 한다고 보면 된다. 얕은 복사를 한 뒤에 변수를 재사용해서 수정하게 되면 원본값도 동시에 변경된다. 깊은 복사 - 새로운 메모리 공간에 완전히 복사 한 것으로 내부 값이 그대로 복사된다. 값을 복사를 한 것이기 때문에 변수를 재사용하여 수정하여도 원본값에는 영향을 미치지 않는다. var, let, const 를 중복 선언 허용, 스코프, 호이스팅 관점에서 서로 비교 호이스팅은 끌어올리다 라는 뜻으로 자바스크립트에서의 선언이 상단으로 끌어 올려지는 것을 의미한다. 함수 호출 부분이 위에, 함수는 아래에 있어도 호이스팅으로 끌어올려서 실행이 된다. var, l..

Git Flow 브랜치 전략이란? 브랜치 전략 중의 하나로 많은 회사와 팀에서 기본으로 사용하는 경우가 많다. 브랜치 전략은 뭐지? 여러 작업자가 하나의 레파지토리를 사용하는 환경인 경우 레파지토리를 효과적으로 활용하기 위한 규칙을 부여하는 것. 분기, 병합, 생성 등등 각 브랜치에 같은 규칙을 팀원들이 지키면서 진행하는 것. Git Flow 브랜치 전략의 특징 1. 용도에 맞게 브랜치를 분리한다. main : 운영에 배포 될 수 있는 코드를 모아둔 브랜치 develop : 다음 버전의 코드를 모아둔 브랜치. 운영환경에 업뎃시 main으로 merge함 feature : 새로운 기능을 위한 브랜치로 develop 브랜치에서 생성 후 완료되면 develop으로 merge release : 새로운 버전 배포..