2023.04.26[웹 접근성 리팩토링 중]

📖오늘 배운  것

깊은 복사 얕은 복사

개념은 완전 알고있었는데 코딩 테스트 풀면서 멍청한 짓을 하고 있었다.

원본 배열 order가 있고 해당 배열을 반복문 돌면서 복사하고 싶었다. 그래서

const copyOrder = order 를 한거다. 이러면 배열의 참조값만 복사되는 얕은 복사를 하기 때문에 원본배열도 같이 변경되서 원하는대로 동작하지 않는다.

const copyOrder = [...order]로 배열을 펼쳐줘야 깊은 복사가 가능하다

분명 알고있는 개념이었는데 코드에 적용하면서 생각도 못했다 ㅎ

 

라이트하우스 권장사항 적용하기

라이트하우스 검사 결과를 기반으로 최적화 시작!

이러한 부분에 대한 수정을 위해 해당 이미지에 object-fit='cover'속성을 줘서 비율을 유지하면서 크기에 맞춰지도록하여 해상도도 올릴 수 있도록 함

이렇게! 권장사항을 100으로 수정완료! 이런식으로 프로젝트 페이지마다 리팩토링 중이다!