🔶 JavaScript
localStroage에 값을 저장하고 참조할 때 되도록 문자열로 저장해야 하는 이유는 무엇인가?: 문자열이 아닌 경우에는
JSON.parse메서드로 변환해야 하는데,JSON.parse메서드는 변환할 내용이 길어지면 성능이 저하되는 이슈가 발생
:JSON.parse메서드를 사용하지 않기 위해서라도 되도록 문자열로 저장하는 것이 바람직함
- HTML 요소에
transition을 부여한 경우 초기 렌더링 시transition이 한 번 발생하는 현상의 원인은 무엇이고, 어떻게 해결할 수 있는가?: HTML 요소가 정적으로 존재하는 경우에 발생하는 현상
: 해결하기 위해서는 HTML 요소를 정적으로 생성할 필요가 있음
&&,||을 활용한 단축 평가는 어떻게 사용할 수 있는가?:
||를 사용하면 좌항이true인 경우 좌항 값 반환, 좌항이false인 경우 우항 값 반환
:&&를 사용하면 좌항이true인 경우 우항 값 반환, 좌항이false인 경우 좌항 값 반환
innerHTML을 사용하여 동적으로 HTML 요소를 생성해야 하는데, 요소의 개수만 존재하고 배열은 없는 경우에 어떻게 해야 하는가?:
Array.from({ length: 개수 })와 같이 사용하여 빈 배열을 생성한 후에map등 원하는 배열의 메서드 사용하면 쉽게 생성할 수 있음
offsetWidth나offsetHeight로 요소의 너비 값, 높이 값을 취득하는 경우 유의해야 할 점은 무엇인가?:
offsetWidth,offsetHeight를 코드 상에서 사용만 해도 리플로우를 발생시키기 때문에 의도치 않은 렌더링이 발생할 수 있음
𝙸'𝚖 𝚊 𝚍𝚎𝚟𝚎𝚕𝚘𝚙𝚎𝚛 𝚝𝚛𝚢𝚒𝚗𝚐 𝚝𝚘 𝚜𝚝𝚞𝚍𝚢 𝚊𝚕𝚠𝚊𝚢𝚜. 🤔