Error5 [React] Fail to compile. Module parse failed: Unexpected token Error 해결 ‘react-beautiful-dnd’를 활용해 drag and drop을 구현해 보던 중 코드에는 이상이 없는데 계속 Fail to compile. “Module parse failed: Unexpected token” Error가 발생. 처음에 ‘package-lock.json’ file을 삭제하고 다시 npm i 해봤지만 x 구글링 해보니 create-react-app utility로 설치된 react-scripts 버전이 예전 꺼라 ‘optional chainining’을 지원하지 않는다고 한다! (3. 3. 0 버전 이후 지원) 일단 react 버전을 다 업데이트 해주기로 하고 터미널에 아래 입력 npm install react@latest react-dom@latest npm install r.. 2022. 11. 17. pandas 한글 폰트 적용 에러 해결하기/ 시각화 폰트 설정법 🙀 파이썬으로 시작하는 데이터 사이언스 '3.3 결측치 다루기'를 듣던 중 그래프를 그리는데 한글 폰트가 표시가 안된다. 여러 방법 시도하다 나눔 폰트를 설치하고 해결했는데 같이 해보자! - Google Colab 사용 ++ 이후 계속 한글 폰트 적용 에러를 겪은 점 (11.25 내용 추가) !pip install koreanize-matplotlib import matplotlib.pyplot as plt import koreanize_matplotlib 밑에 써놓은 직접 나눔 폰트를 설치하는 방법과 똑같이 나눔 폰트를 사용하는 방법. 위 코드가 한글 설정하는데 제일 간단한 코드이다. 참고 : https://github.com/ychoi-kr/koreanize-matplotlib 이렇게 설정하고도 데이.. 2022. 11. 3. React에서 Google Fonts 적용이 안될 때 해결 방법! ※ 문제 사항 React로 만드는 프로젝트 진행 중 잘 되다가 갑자기 font 적용이 안된다. PC에서는 잘 보이는데 (PC Mobile 보기로 봐도 문제 없었지만) Mobile로 보면 font가 다르게 보인다. Title font가 이상하다. 점검으로 확인해보면 적용이 된걸로 나오는데 적용이 안됐다. ※ 시도해 본 방법 font 문제인가싶어 여러가지 font를 바꿔가며 적용해봄 Google Fonts에서 글자를 선택하고 보여주는 예시와 같은 font-size, weight 적용, 작아지지 않게 주변 padding 등 정리 모든 font 설정 없애고 직접 적용하고 싶은 폰트 객체만 적용해보기 ⇒ 다 안됨!! 다른 font로 바꾸어도 사진과 같은 이상한 폰트로만 보인다. 찾아보니 React에서 Font를 .. 2022. 10. 9. React App 빈 화면만 보이는 문제 해결(Invalid hook call error) React + ts + styled-components 함께 사용하기 typescript를 이용하는 새로운 React 프로젝트 만들기 : npx create-react-app 내 앱 이름 --template typescript styled-components 설치 : npm install --save styled-components ts에 styled-components 타입 알려주기 : npm i --save-dev @types/styled-components + react와 ts 같이 쓰기 참고 https://create-react-app.dev/docs/adding-typescript/ Adding TypeScript | Create React App Note: this feature is avai.. 2022. 8. 14. command not found: expo 에러시 최근 react-native를 공부하며 앱 화면 구현시 써본 expo. 설치 완료 이후 expo 명령어를 입력하면 command not found: expo 에러가 뜬다. expo 설치 : npm install --global expo-cli 설치 후 확인 : expo --version command not found: expo 에러시 터미널에 1. sudo npm install --global expo-cli 로 다시 설치한다.(나의 경우 안먹힘) 2. npm bin -g 입력 /Users/계정명/.npm-global/bin 나오면 그대로 복사 후 => export PATH=${PATH}:/Users/계정명/.npm-global/bin 입력. 나의 경우 2번으로 expo 작동하지만 다시 들어갔을 때 또.. 2022. 7. 30. 이전 1 다음
