Flutter를 사용하면서 리스트(List Builder)를 많이 활용하고 계시죠? 하지만 여러분은 이 리스트 빌더를 정말 제대로 사용하고 계신가요? 이번 글에서는 Flutter에서 리스트 빌더를 올바르게 사용하는 방법과, 최적화가 부족한 부분은 무엇인지에 대해 알아보겠습니다. - WhyList Builder를 왜 사용하시나요? 리스트 안에 담긴 아이템들을 쉽게 보여주기 위해서인가요? 코드가 짧아져서 편리하다고 느끼시나요? 이러한 이유들도 있지만, 가장 중요한 점은 성능 향상에 큰 도움이 되기 때문입니다. This constructor is appropriate for list views with a large (or infinite) number of children because the build..
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으로 빌드해서 실행해 보면 네트워크 이미지가 안 보이는 문제가 발생하는 경우가 있습니다. 이는 Cors문제로 브라우저에서 그리지 않는 문제입니다. 이를 강제로 해결하기 위한 방법으론 Flutter Web은 기본적으로 두 가지 렌더링 엔진을 사용합니다: CanvasKit과 HTML 렌더러입니다. Flutter Web의 기본 렌더러는 CanvasKit입니다. CanvasKit은 WebAssembly 기반의 렌더러로, 더 나은 성능과 그래픽 효과를 제공하지만, 일부 경우 네트워크 리소스를 제대로 처리하지 못해 위와 같은 문제가 발생합니다. 기본 렌더러 설정을 HTML로 해당 코드는 Flutter Web에서 사용하는 렌더러를 CanvasKit에서 HTML로 강제로 변경하는 역할을 합니다. ..
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는 암호화된 임의 ..
