작성한 질문수
[리뉴얼] React로 NodeBird SNS 만들기
작성
·
470
0
스타일드 컴포넌트 ssr을 설정을 했는데도 자꾸 css가 깨지는데 혹시 어느 부분을 살펴보면 될까요 바벨과 document부분 모두 설정했습니다 강좌와는 다르게 타입스크립트로 진행했습니다
답변 1
깨진다는게 새로고침 시에만 깨지는건가요?? 아니면 계속 깨진 상태로 있는 건가요?
처음 접속했을때랑 새로고침할때만 깨집니다
잠시 0.5초 정도 css가 적용이 안되다가 적용이 되어서 화면이 껌뻑이면서 css가 적용됩니다
ssr 안 되는 증상이 맞긴 하네요. 초기 렌더링 때 저기 Fragment 부분이 렌더링됐나를 확인해봐야합니다. postman이나 개발자도구 첫 요청의 html 응답을 확인해서요.
html응답은 어디서 확인하나요?
html응답에서 어떤걸 보는건지 이해가 잘안됩니다
fragment가 안나오는것 같긴합니다
html탭은 네트워크탭 켜고 새로고침할 때 나오는 첫 번째 요청의 응답부분이고요. 거기 안에 style 태그가 있어야하는데 이게 없으면 스타일드컴포넌트 세팅 문제입니다.
혹시 next13이신가요? 그러면
https://www.inflearn.com/chats/833716/%EC%A0%95%EB%B3%B4%EA%B3%B5%EC%9C%A0-next13%EC%9D%BC-%EA%B2%BD%EC%9A%B0-x60-classname-x60-did-ont-match-%EC%98%A4%EB%A5%98-%EB%B0%9C%EC%83%9D-%EC%8B%9C-%ED%95%B4%EA%B2%B0%EB%B2%95
처음 접속했을때랑 새로고침할때만 깨집니다