어느날 z-index가 적용이 안되는 문제가 발생해서 원인을찾다보니 stacking context라는 이론까지 도달하게되었다 내가 정리한내용을 살펴보자 아래에 나올 내용에 대해 이해한대로 간략하게 정리해보자면 stacking context -> html elements를 쌓기위한 자료 (z-index를 적용한 elements에서부터 시작) stacking order -> html elements를 어떻게 쌓을지에 대한 정책 1. z-index를 적용하는순간 stacking context가 만들어진다 2. html document의 모든 elements는 document내에서 다른 element 보다 앞에 있거나 뒤에 있을 수 있다. 이것이 stacking order 3. z-index는 position ..
문제발생 개발중에는 적용되던 폰트가 빌드 후 적용안됨 문제 분석 빌드하게되면 폰트, 이미지, svg 파일들은 .next/static/media 폴더안으로 들어가면서 절대경로로는 찾을 수 없게된다 해결방법 오류발생코드 오류 해결 코드 차이점이 보이시나요? 폰트 받아오는 경로를 절대경로 -> 상대경로로 수정 하면 해결됩니다 끝