https://jutole.tistory.com/162 [Flutter] Cursor로 프로젝트 세팅하기안녕하세요. 이번에는 현재 매우 각광받고 있는 Cursor를 사용해서 Flutter 프로젝트를 세팅 해보도록 하겠습니다. Cursor?Cursor는 AI와 협업을 중심으로 설계된 통합 개발 환경(IDE)으로, jutole.tistory.com 지난 글에서 Cursor Ide로 프로젝트 세팅을 끝냈습니다. 이번에는 Cursor의 기능을 이용해서 직접 개발을 해보겠습니다. Accept a tabmain.dart의 모든 코드를 지우고 시작해 보겠습니다. 해당 파일에 Flutter 프로젝트의 시작 코드인 void main()을 작성하면, 옅은 회색으로 미리 완성된 코드가 보입니다. 이는 AI가 이..
안녕하세요. 이번에는 현재 매우 각광받고 있는 Cursor를 사용해서 Flutter 프로젝트를 세팅 해보도록 하겠습니다. Cursor?Cursor는 AI와 협업을 중심으로 설계된 통합 개발 환경(IDE)으로, 코드 작성, 디버깅, 수정 등 다양한 개발 작업을 AI의 도움으로 효율화할 수 있는 툴이다. 다양한 AI 모델을 지원하여 개발자들에게 혁신적인 개발 경험을 제공한다. 설치https://www.cursor.com/ Cursor - The AI Code EditorBuilt to make you extraordinarily productive, Cursor is the best way to code with AI.www.cursor.com 해당 사이트 접속 후 설치하시면 됩니다. 별다른 어려..
이런 식으로 web으로 빌드해서 실행해 보면 네트워크 이미지가 안 보이는 문제가 발생합니다. Flutter Web은 기본적으로 두 가지 렌더링 엔진을 사용합니다: CanvasKit과 HTML 렌더러입니다. Flutter Web의 기본 렌더러는 CanvasKit입니다. CanvasKit은 WebAssembly 기반의 렌더러로, 더 나은 성능과 그래픽 효과를 제공하지만, 일부 경우 네트워크 리소스를 제대로 처리하지 못해 위와 같은 문제가 발생합니다. 기본 렌더러 설정을 HTML로 해당 코드는 Flutter Web에서 사용하는 렌더러를 CanvasKit에서 HTML로 강제로 변경하는 역할을 합니다. index.html 파일 body태그 안에 붙여 넣고 확인해 보시면 이미지가 잘 나오는 것을 확인할 수 있..
https://jutole.tistory.com/159 로그인 방법 -> 새 제공업체 추가 -> Google 선택 중요 메시지를 확인하고 사용 설정을 선택" data-og-host="jutole.tistory.com" data-og-source-url="https://jutole.tistory.com/159" data-og-url="https://jutole.tistory.com/159" data-og-image="https://scrap.kakaocdn.net/dn/bipvtY/hyXhJL4X3f/EBX8p5w1Wx6OtYPKR7UmO0/img.png?width=177&height=182&face=0_0_177_182,https://scrap.kakaocdn.net/dn/cLMItQ/hyXhK5h..
시작에 앞서 Firebase 기본 설정은 맞추셔야 합니다. 1. Firebase 로그인 제공업체 추가 Authentication -> 로그인 방법 -> 새 제공업체 추가 -> Google 선택 중요 메시지를 확인하고 사용 설정을 선택하시고 저장을 눌러주세요. 2. SHA 인증서 지문 추가1번 과정에서 *중요* 작업을 해야 합니다. Firebase -> 프로젝트 설정 -> 내 앱 -> Android -> 디지털 지문 추가 https://developers.google.com/android/guides/client-auth 클라이언트 인증 | Google Play services | Google for Developers이 페이지는 Cloud Translation API를 통해 번..
https://jutole.tistory.com/156 [Flutter] Apple Login 구현 - Ios App설정이 안 된 분은 아래글을 통해 설정을 하고 와주세요. https://jutole.tistory.com/154 [Flutter] Apple Login 설정 - Ios AppIos App 환경에서 apple 로그인을 하기 위한 설정 입니다. 1. App IDs 등록 이러jutole.tistory.com 이전에 Apple Login 간단하게 구현해 보았습니다. 이번 글에서는 조금 더 심화 구현을 해보겠습니다. 1. NonceNonce는 Apple 로그인 (Sign in with Apple) 과정에서 사용하는 중요한 보안 요소입니다. Apple 로그인의 Nonce는 암호화된 임의 ..
설정이 안 된 분은 아래글을 통해 설정을 하고 와주세요. https://jutole.tistory.com/154 [Flutter] Apple Login 설정 - Ios AppIos App 환경에서 apple 로그인을 하기 위한 설정 입니다. 1. App IDs 등록 이러한 페이지로 오게 됩니다. 여기서 2개의 Identifier를 등록해주어야 합니다.추가버튼을 누르면 여러 항목들이 쭉jutole.tistory.com 1. sign_in_with_apple 패키지 설치 https://pub.dev/packages/sign_in_with_apple sign_in_with_apple | Flutter packageFlutter bridge to initiate Sign in with Apple..
Ios App 환경에서 apple 로그인을 하기 위한 설정 입니다. 1. App IDs 등록 이러한 페이지로 오게 됩니다. 여기서 2개의 Identifier를 등록해주어야 합니다.추가버튼을 누르면 여러 항목들이 쭉 보이는데 생성해야 할 것은 App IDs와 Services IDs입니다. 순서를 따라서 App IDs를 등록해 줍니다. 2. Services IDs 등록 1번과 같이 진행합니다. 해당 IDs는 안드로이드나 웹에서 Apple로그인을 하기 위해 등록하는 과정입니다.Ios에서만 Apple로그인을 진행한다면 2번 과정은 필요 없습니다. 3. Xcode에서 Apple로 로그인 기능 활성화 XCode에서 TARGETS -> Runner -> Signing & Capabiliti..
