매일메일) 40, 41, 42 문제 요약

오늘의 문제 1.

웹 애플리케이션의 성능을 최적화할 수 있는 방법들에 대해서 아는대로 설명해주세요.

 

- 코드 스플리팅, 레이지 로딩, 캐싱, 비동기 로딩, 지연 로딩

웹 성능 최적화 방법으로는 먼저 코드 스플리팅을 통해 필요한 JavaScript만 먼저 로드할 수 있습니다. 레이지 로딩으로 보이는 영역의 이미지나 비디오 같은 무거운 리소스만 불러오는 방법도 있습니다. 이미지 최적화를 통해 WebP 포맷 사용과 크기 조정을 할 수 있고, 캐싱으로 한 번 로드한 리소스를 재사용할 수 있습니다. 마지막으로 JavaScript 비동기/지연 로딩으로 DOM 차단을 방지하여 전체적인 로딩 속도를 개선할 수 있습니다.

---

오늘의 문제 2.

디바운스(debounce) 와 쓰로틀(throttle)에 대해서 각각 설명해주세요.

 

- 이벤트 핸들러, 서버 부하 방지

디바운스와 쓰로틀은 이벤트 핸들러가 너무 자주 실행되지 않도록 조절하는 기법입니다. 디바운스는 마지막 이벤트 발생 후 일정 시간이 지나야 실행되는 방식으로, 검색창 입력 시 사용자가 타이핑을 멈춘 후 검색 요청을 보내는 경우에 활용됩니다. 쓰로틀은 일정 시간 간격 동안 첫 번째 또는 마지막 이벤트만 처리하는 방식으로, 무한 스크롤이나 버튼 연속 클릭 방지에 사용됩니다.

---

오늘의 문제 3.

리액트에서 index를 key값으로 사용하면 안되는 이유에 대해서 설명해주세요.

 

- 배열의 순서

리액트에서 index를 key로 사용하면 안되는 이유는 배열 요소가 추가, 삭제되는 등 배열의 순서가 변경될 때 문제가 발생할 수 있기 때문입니다. 리액트는 key를 통해 어떤 요소가 변경되었는지 추적하는데, index를 사용하면 배열 순서가 바뀔 때 리액트가 요소들을 잘못 인식해서 불필요한 재렌더링이나 상태 초기화 같은 버그가 발생할 수 있습니다. 따라서 데이터베이스 ID나 여러값 조합이나 UUID 생성 등 고유한 값을 key로 사용하는 것이 좋습니다.

---

 

오늘의 매일메일 문제 링크

1. https://www.maeil-mail.kr/question/40

매일메일 - 기술 면접 질문 구독 서비스

 

2. https://www.maeil-mail.kr/question/41

매일메일 - 기술 면접 질문 구독 서비스

 

3. https://www.maeil-mail.kr/question/42

매일메일 - 기술 면접 질문 구독 서비스

 

 

매일메일 사이트

https://www.maeil-mail.kr/