# googlefont
flutter google font 적용 안되는 현상 해결
내부 테스트로 앱을 다운로드 받았는데,폰트가 너무 정직해졌다. 열정의 기름붓기처럼 글자를 휘갈기는 Nanum Brush Script Designed by Sandoll를 적용했는데 ;; 다시 구글 폰트 라이브러리 문서를 확인해보니 > HTTP fetching at runtime, ideal for development. Can also be used in production to reduce app size ;; 런타임에 송신해서 가져오고 앱사이즈에 맞게 줄어든다고 한다 > platforms require addit
HTML/CSS (중급) - 웹 폰트 넣는법과 안티앨리어
font-family는 inherit 됨 폰트패밀리 설정법 -버그없이 사용하려면 폰트의 영문명을 사용해야한다 -폰트명에 띄어쓰기가 있을 수 있으니 따옴표 안에 담는것이 좋다 -폰트명을 콤마로 여러개 쓰면 제일 왼쪽에 있는 폰트부터 적용한다 실패하면 뒤에있는 폰트들을 차례로 적용! -웹사이트 이용자의 컴퓨터에 설치가 된 폰트들을 적용할 수 있다 커스텀 폰트 넣는 방법 사용자의 컴퓨터에 설치되지 않은 폰트를 사이트에서 이용하려면 폴더 내에 폰트파일 넣기 원하는 곳에 font-family:'이쁜폰트' 라고 적으면 그곳에 nanumsquare.ttf 폰트가 적용! but 한글폰트 사이즈는 너무 크기 때문에 1~2개만 사용하기...ㅠㅠ 웹 폰트용 woff 파일 (용량줄이고 ttf와 똑같이 사용 가능) 나눔스퀘어 woff 버전 font-weight 그냥 주면 안이쁘기 때문에
1초면된다. 폰트어썸, 구글폰트 연결하는법!
폰트어썸... 구글폰트... html, css 작업을할때면 오지게 많이쓴다. 하지만 매번 할때마다 헷갈리고 어떻게 적용해야될지 까먹는다. 그런분들을 위해 간단하게 글을쓴다. 참! cdn방식과 스크립트 삽입 위치에 관해서도 글을 작성하겠다. 폰트어썸 적용하는방법 https://fontawesome.com/ 폰트어썸 사이트다. 원래는 회원가입 안해도 CDN 스크립트를 줬는데 이제는 회원가입 부터해야된다고 한다... 1. 회원가입하기 회원가입을하면 이렇게 코드를준다. 이걸 상단 헤드에 복붙하면 된다. 2. CDN코드 html head 부분에 복붙하기. 
3. 창업부트캠프 {창} 3주차
창업부트캠프 3주차를 들으며 느낀점 및 정리를 하고자 한다. 이번 강의는 FrontEnd단 CRUD에 대한 내용을 공부하였다. 패키지 사용해보기 : https://dartpad.dev/?id=7b9d60c0a2af72bc9fc5b5a2ecee03a1 버킷리스트 만들어보기 : https://dartpad.dev/?id=a0e1c1e30bbed209bf6c62a53d102398 버킷리스트에 Provider 사용해보기 : https://gist.github.com/koboolean/ce5bfe5a89e1e0ef7c9b3817952e3c36 ChangeNotifier를 상속받아야 notifyListeners();를 호출하여 데이터를 사용하는 화면을 갱신할 수 있다. Provider 사용법 정리 PDF파일을 다시보면서 이해도를 높여야할 것 같다. 다이어리 숙제 : https://gist.github.com/koboolean/2bc4a15cad1f9a71c82be
1.4~5 React masterClass (CoinStore)
TS를 이용해서 winter를 고치면서 어려웠던 점은 object의 type을 지정하는 것과 contextAPI와 같은 상태관리를 안하니 props로 받아야해서 불필요한 과정이 많았다는 점이다 그리고 다시 마저 강의를 듣기 시작했는데... 모든것이 해결되었다... 역시 이 불편함을 가만히 둘 리가 없지ㅎ reactMasterClass의 첫번째 작업물로는 https://api.coinpaprika.com/ 에서제공하는 api를이용해서 CoinStore를 TS를 이용해서 만들어봤다. coin들의 정보를 받아와서 보여주는 웹페이지이다. 먼저 styled-reset을 사용하는것 대신에 styled-reset의 github에서 코드만 복사해와 css를 reset시켰다. (출처 : https://www.npmjs.com/package/styled-reset) 폰트는 googlefont의 Nanum Pen Script를 사용했고 (출처 : https://fonts.google.com/spe
React-Native) Custom Fonts/ Google Fonts 적용하기
구글 폰트에서 원하는 폰트를 다운받는다. Google Fonts root 위치에 assets 폴더를 생성하고 assets안에 fonts 폴더를 하나 또 만들어준다. Root에 react-native.config.js 파일을 만들어주고 아래의 코드를 넣는다. assets> fonts> 폴더내에 다운받은 폰트 파일들을 넣어준다. font 파일들을 link 해준다. 이런 결과가 떴다면 성공적 ![](https://images