본문 바로가기

FRONT-END6

flutter create command was unsuccessful - Error: Unable to find git in your PATH. 안드로이드 스튜디오에서 New Flutter Project로 프로젝트 생성시 다음과 같은 에러가 발생했습니다. Project Creation Error : flutter create command was unsuccessful 저 상태에서 Rum Flutter Doctor를 클릭하면 안드로이드 스튜디오가 실행되면서 하단 flutter console창에 Error: Unable to find git in your PATH. 에러가 표시됩니다. Git이 설치되어있지 않다면 아래 사이트에 접속해서 다운받아 설치해줍니다. https://git-scm.com/download/win Git - Downloading Package Download for Windows Click here to download the .. 2023. 5. 1.
Flutter Doctor : Android toolchain - Android license status unknown , cmdline-tools component is missing 이슈 해결 Flutter SDK설치후 flutter doctor 실행시 Android toolchain - develop for Android devices 항목에 x가 표시될경우 해결방법입니다. 먼저 cmdline-tools component is missing은 android studio 실행후 File > Setting > Appearance&Behavior > Ststem Settings > Andriod SDK 항목을 선택한 뒤 SDK Tools에서 Android SDK Command-line Tools를 설치해줍니다. Android license status unknown은 flutter doctor에서 flutter doctor --android-licenses를 입력한뒤 엔터키를 눌러서 나오는 항목에.. 2023. 5. 1.
[JS]Uncaught TypeError : Cannot read properties of undefined (reading 'writeText') 화면에 txa_test라는 id를 가진 textarea의 내용을 클립보드에 copy를 하려고 navigator.clipboard.writeText()함수를 사용했는데 실행하니까 에러가 발생했습니다. $(".btn").click(()=> { navigator.clipboard.writeText( $("#txa_test").val()); }) Uncaught TypeError : Cannot read properties of undefined (reading 'writeText') 에러가 발생한 이유는 writeText()가 http에서는 동작하지 않기 때문이었습니다. Secure context: This feature is available only in secure contexts (HTTPS), in .. 2022. 12. 22.
Spring Boot : Swagger 적용 및 기본 사용법 swagger는 개발자가 REST 웹 서비스를 설계, 빌드, 문서화, 소비하는 일을 도와주는 대형 도구 생태계의 지원을 받는 오픈 소스 소프트웨어 프레임워크입니다. API를 개발할때 웹에서 쉽게 확인 할 수 있기때문에 아주 유용한 도구입니다. maven을 사용 할 경우 pom.xml에 다음을 추가해주고 필요한 경우 application.yml에 다음 내용을 추가하면 됩니다. application.yml에 들어가는 내용은 swagger 환경설정 내용이기에 생략하셔도 됩니다. pom.xml org.springdoc springdoc-openapi-ui 1.6.13 application.yml springdoc: version: '@project.version@' #api-docs: #path: /api-do.. 2022. 12. 22.
Font Awesome(폰트어썸) 아이콘 색상,크기,회전,애니메이션 효과주기 2022.11.29 - [FRONT-END/TIP & ETC] - Font Awesome(폰트어썸) 무료버전 4.7 CDN 사용방법 Font Awesome(폰트어썸) 무료버전 4.7 CDN 사용방법 Font Awesome은 인터넷으로 제공되는 아이콘 라이브러리 툴킷이라고 생각하시면 됩니다. 예전에는 아이콘을 사용하려면 직접 아이콘 파일을 서버에 올려서 사용했다면 Font Awesome을 이용하면 가져 devnam.tistory.com 이전글 Font Awesom 기본 사용법에 이어서 심화(?) 사용법을 다뤄보겠습니다. 기본 크기변경 크기는 각각 기본으로부터 fa-lg는 33%, fa-2x 2배, fa-3x 3배, fa-4x 4배, fa-5x 5배 증가된 크기입니다. 색상변경 style color 속성에 .. 2022. 11. 30.
Font Awesome(폰트어썸) 무료버전 4.7 CDN 사용방법 Font Awesome은 인터넷으로 제공되는 아이콘 라이브러리 툴킷이라고 생각하시면 됩니다. 예전에는 아이콘을 사용하려면 직접 아이콘 파일을 서버에 올려서 사용했다면 Font Awesome을 이용하면 가져다가 쓰시기만 하면되니 편리하죠. Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. 내가 원하는 아이콘이 없을 수는 있지만 단순히 아이콘만 가져오는것이 아닌 재가공이 가능하기때문에 사용해보면 편리한것을 알 수 있습니다. 폰트어썸은 현재 6.21버전까지 나왔지만 부분유료이기도 하고 4.7버전만 해도 675개의 아이콘을 이용할 수 있어서 간단.. 2022. 11. 29.