Developer Brain

브라우저 탭에 작게있는 아이콘 변경하기

https://favicon.io/favicon-converter/

들어가서 원하는 이미지를 converter 하여서 다운받는다 

압축된 파일을 받아서 풀고 favicon.ico 파일을 플러터 web 폴더 안에 넣는다 favicon.png는 지워준다 

title위쪽에 favicon 부분을 복사하여 붙여넣는다 

web - index.html 안에 아래 코드를 넣는다 

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">

ex)

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="resume_web">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!--Favicon-->
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/x-icon">

  <title>resume_web</title>

끝

디자이너나 인터넷상에 있는 svg를 받아서 flutter에 넣었는데 아무것도 안뜰시 or 너무 코드가 길때 

https://iconly.io/tools/svg-cleaner

사이트에 svg파일올리면 알아서 정리해준다 

or

svgcleaner를 사용하자

https://github.com/RazrFalcon/svgcleaner-gui/releases

들어가서 버전에 맞는것 다운로드 후 

파일or폴더 불러와서 

경로 지정 후 실행버튼 누르면 끝 

참고:https://stackoverflow.com/questions/58567864/im-trying-use-flutter-svg-but-load-with-black-svg

github action 사용시 고유의 키들을 저장할때 

자신의 저장소에 가서 Settings - Secrets - Actions 에 New Repository secret 

name,value 설정 후 Add secret 

use case

      - name: upload artifact to Firebase App Distribution
        uses: wzieba/Firebase-Distribution-Github-Action@v1.2.1
        with:
          appId: ${{secrets.FIREBASE_APP_ID}}
          token: ${{secrets.FIREBASE_TOKEN}}
          groups: tester
          file: app/build/outputs/apk/debug/app-debug.apk