개발자블로그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. [cs50 모두를 위한 컴퓨터 과학] 자료구조(Data Structure) 📝 연결 리스트(Linked list) 배열에서는 각 인덱스의 값이 메모리상에서 연이어 저장되어 있다. 하지만 각 값이 메모리상의 여러 군데 나뉘어져 있다고 하더라도 바로 다음 값의 메모리 주소만 기억하고 있다면 여전히 값을 연이어서 읽어들일 수 있다. ⇒ 이를 ‘연결 리스트’라고 한다. 3은 다음 값이 없기 때문에 NULL(\n, 즉 0)을 다음 값의 주소로 저장한다. typedef struct node { int number; struct node *next; } node; - 연결리스트를 구조체로 정의한 것 배열과 비교해 연결 리스트는 새로운 값을 추가할 때 다시 메모리를 할당하지 않아도 되는 장점이 있다. But, 연결 리스트에 값을 추가하거나 검색하는 경우 이를 위해 해당 위치까지 연결 리스트의.. 2022. 10. 2. 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. 이전 1 다음