🔸 Web

• 렌더링 관점에서 브라우저는 어떻게 동작하는가?

💡 답변 정리

: https://velog.io/@nalsae/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EB%8F%99%EC%9E%91-%EC%9B%90%EB%A6%AC

🔸 CSS

• span, div 등 요소 이름 자체를 선택자로 지정할 경우 어떤 이슈가 발생할 수 있는가?

: 프로젝트 전체에서 한 번만 사용하는 요소라면 상관이 없겠지만, 중복된 요소라면 스타일링이 중복으로 적용되어 우선 순위 관련 이슈가 발생할 수 있기 때문에 가급적 요소 이름 자체를 선택자로 사용하는 것은 지양해야 함

• 절대 단위와 상대 단위의 차이는 무엇인가?

💡 답변 정리

: https://velog.io/@nalsae/%EC%A0%88%EB%8C%80-%EB%8B%A8%EC%9C%84-%EC%83%81%EB%8C%80-%EB%8B%A8%EC%9C%84

🔸 Sass

• @import와 @use의 차이는 무엇인가?

: 'A > B > C' 구조의 파일이 있을 때 'B'에서 'A'를 @import하고, 'C'에서 'B'를 @import 했다면, 'A'파일을 'C'에서도 사용할 수 있음, 즉 @import로 연결한 파일은 중첩 관계에 상관없이 파일 간의 연결만 되어 있다면 다른 파일에서도 사용할 수 있음
: 반면에 'A > B > C' 구조의 파일이 있을 때 'B'에서 'A'를 @use하고, 'C'에서 'B'를 @use 하면 'A'파일을 'C'에서 사용할 수 없게 됨, 이처럼 @use로 가져온 파일은 선언한 해당 파일에서만 사용할 수 있음

• 변수와 @mixin을 생성할 때 어떤 점을 고려해야 하는가?

: 무조건 변수나 @mixin을 생성하여 사용한다고 해서 효율이 좋은 것은 아님, 효용성을 항상 고려하여 반복 작업의 최소화를 지향해야 함

• @at-root는 무엇을 의미하고, 왜 사용하는가?

: 선택자 앞에 선언하면 부모 요소와의 중첩 관계에 상관없이 전역에서 스타일링을 관리할 수 있게 됨
: 너무 남용하는 것은 가독성에 좋지 않음, 중첩 구조가 복잡해서 헷갈릴 때 사용하는 것이 바람직함