Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 공백찾기
- 값복사
- webpack5
- 레퍼런스복사
- react
- next14
- 구현
- 마진 상쇄
- 두 포인터
- BFS
- 이분탐색
- 재귀
- 정적타입언어
- 백준
- 슬라이딩 윈도우
- 컴포넌트 생명주기
- 누적합
- 수학
- react18
- 리액트
- 렌더링 최적화
- 분할정복
- 이벤트 생명주기
- 동적타입언어
- 즉시실행함수
- SW EA
- webpack
- 레이아웃 스래싱
- 브루트포스
- vscode
Archives
- Today
- Total
목록코딩 일기 (2)
D.JOUNG
key 속성을 입력했는데도 'Warning: Each child in a list should have a unique "key" prop.' 에러가 발생
해당 에러는 주로 map 함수를 이용해 반복적인 컴포넌트를 생성했을 때 발생한다. 편집기에서 빨간줄 긋고 안내해주는 대로 반복되는 컴포넌트에 key 속성을 추가해주면 문제없이 작동한다. 하지만 key 속성을 제대로 추가해줬는데도 자꾸 경고문이 발생해서 잠깐 골치가 아팠다. 경고문 발생 이유는 단순했다. 컴포넌트를 안에 넣고 까지 포함하여 반복 생성했던 것...컴파일러가 까지 자식 컴포넌트로 인식해 key 프롭스가 없다는 경고문을 자꾸 뱉었던 것이었다.
코딩 일기
2024. 5. 27. 23:00
얕은 복사와 깊은 복사, 미묘한 속도 차이로 인한 시간 초과 발생 (feat. 백준)
프로그래밍의 값 복사는 '깊은 복사', '얕은 복사' 두 종류가 있는데, 적당히 설명하자면 주소값을 복사해가 두 변수가 한 인스턴스를 가리키게 되면 얕은 복사, 값 자체를 복사해 메모리에 주소 영역이 하나 더 생기면 깊은 복사라고 구분할 수 있다. 각각 다른 말로 '값 복사', '레퍼런스 복사' 라고 부르기도 한다. 아주 간단한 예시를 들자면 아래와 같다. int a = 1; int *b = &a; //얕은 복사 //--// int a = 1; int b = a; //깊은 복사 변수가 저장한 값이 리터럴일 경우 손쉽게 깊은 복사를 사용할 수 있지만, 배열 같은 자료 구조의 형태가 되는 순간 깊은 복사보다는 얕은 복사를 주로 사용하게 된다. 당장 배열 자료구조의 경우 두 변수를 '=' 기호로 잇는 것 처럼..
코딩 일기
2024. 4. 5. 22:41