hwlink

1. 타이틀 변경 을 찾아야한다. 타이틀은 public >> index.html 내부에 있다. 2.파비콘 변경 변경할 이미지 파일을 준비해둔다. https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generator.org 해당 링크로 접속하여 파일을 업로드하면 각 기기,운영체제에 최적화된 파비콘을 제공해준다. .ico파일은 ms윈도우에 아이콘에 쓰이는 그림파일입니다. *ico만 ..

Coding/React 2021. 10. 17. 16:43

html css js 작업 후 작업 후 복습겸 간단하겠거니하고 리액트로 변환한 뒤 깃허브로 배포 하려고 하는데 깃허브 배포부분에서만 반나절 이상을 썼다. 구글링을 하니 여러방법이 있었는데 git, github를 제대로 이해하지 못하고 따라하기만하니 여러가지 에러가 발생했다.( node 전체 삭제 후 최신버전 재설치, yarn 재설치, 터미널 대참사) 찾은 방법 중 유일하게 된 이해가 된 방법으로 정리하려고 한다. 참고: create app react 로 제작된 리액트 페이지입니다. (설치법은 생략) 1. Github repositories 생성 1.GIthub 계정을 만든후 New repository를 클릭한다. 2.Build, Compile Q:html, css, js 업로드 하듯 app.js 드래그 ..

Git 2021. 10. 14. 11:18

기존 html css 에서 fontawesome 사용시 cdn으로 불러와서 사용하였으나 리액트에선 역시 같은 방법으로 적용되지 않았다. 리액트는 초반설계가 많이 들어간다는걸 다시 한번 느꼈다. 하지만 모든업무에서 노가다보다 초반설계 오래걸리더라도 제대로 세팅하면 그 이후가 편한다는것을 알기에... 리액트에 폰트어썸 적용방법이다. (출처: https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react) 터미널입력창 (프로젝트에 패키지를 설치) npm 설치 npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm inst..

Coding/React 2021. 10. 12. 12:11