[TIL] 02.18 misinterpriter(오역자들) 반응형 적용 / npm error 해결

어제 발생했던 에러는 기다려야 한다는 글을 보았긴 했는데 정말 기다리니 해결이 되어있었다. 하지만 아래와 같은 에러가 발생 하였다. 

npm Maximum call stack size exceeded

이 블로그를 보고 해결하였다. 캐시 문제였던것 같다.

 

다시 upstream에 있는 파일을 pull을 당겼는데 또 에러가 발생... 

Unexpected string in JSON at position ... pakage.json 파일에서 일어난 에러 같았다. 

rm package-lock.json

위의 명령어로 package-lock.json 을 삭제하고 다시 npm install 해주니 에러가 없어졌다. 

 

 

아래와 같이 반응형을 적용해 주었다. 

크롬화면을 줄여가면서 확인을 하였는데 휴대폰 사이즈 까지 줄어들진 않는다는걸 뒤 늦게 꺠달았다. 

개발자 도구에서 디바이스별 화면을 확인하면서 또 따로 적용을 해주어야 겠다... 

헤더의 메뉴 부분도 드랍다운으로 변경 시키고 싶었지만... 좀 더 공부가 필요하다.