🔶 JavaScript

• 외부에 굳이 공개할 필요가 없는 변수, 함수는 어떻게 처리하는 것이 바람직한가?

: 즉시 실행 함수로 묶어서 은닉을 시켜줄 수 있음

• querySelector로 가져온 DOM 요소와 상태 변수 중 무엇을 상위에 선언하는 것이 바람직한가?

: 둘 중 무엇이 더 중요한지는 각자의 가치관에 따라 달라질 수 있기 때문에 순서가 그렇게 중요하지는 않음
: 다만 코드를 설명할 때 왜 더 상단에 선언했는지 타당하게 설명할 수 있으면 됨

• 이벤트 핸들러의 콜백 함수는 어떤 식으로 작성하는 것이 바람직한가?

: 이벤트 핸들러 외부로 공통된 로직을 분리하여 함수처럼 사용할 수 있다면 호출하여 최대한 간단하게 작성하는 것이 바람직함

• transition을 사용한 경우 초기 렌더링 시 깜빡임 현상이 발생하는 이유는 무엇인가?

: transition과 관련된 요소가 HTML에 정적으로 존재하면 정적 요소가 무조건 한 번 파싱된 후 추가적으로 렌더링을 진행하기 때문에 깜빡임 현상이 발생함

• 초기 렌더링 시 발생하는 깜빡임 현상을 해결하기 위해서는 어떻게 해야 하는가?

: transition과 관련된 HTML 요소를 동적으로 생성하면 해결됨