[TIL] 내일배움캠프 React 과정 2023.03.06

Today I Learned

• CSS 작업 마무리

 

---

Vercel deploy 중 npm error 발생

integrity checksum failed when using sha512: wanted sha512....

해당 에러가 vercel build 단계에 자꾸 발생하는데 블로그에서 알려주는 npm 캐시를 청소하는 방법으로 해결했다.

npm cache verify

npm cache clean --force

rm -rf package-lock.json

npm install

 

참고 https://bonita-sy.tistory.com/entry/npm-install-시-npm-ERR-code-EINTEGRITY-에러-해결-방법

 

 

좌우 스크롤 생기는 문제 해결하기

width와 height를 100vw, 100vh로 설정했는데도 자꾸 스크롤이 생겨서 검색해 봤더니 vw, vh가 스크롤바의 영역까지 포함하기 때문에 생긴 문제였다.

 

/* 가로 스크롤 제거 */
body {
  overflow-x: hidden;
}

일단 body에 overflow-x: hidden; 속성을 주어서 해결했지만 세로 스크롤 문제는 아직 해결하지 못했다.

 

참고

https://graykick.tistory.com/8

https://velog.io/@nomore12/CSS-100VW-스크롤바

https://g1etistory.tistory.com/7

 

---

회고

CSS 마감이라는 것은 존재하지 않는 거 같다. 1px 단위로 끝없는 수정의 연속이다... 그리고 자잘한 에러가 여기저기서 계속해서 발견된다.😱