[Biome] Prettier보다 35배 더 빠르다는 Biome을 써보자 Prettier와 ESLint를 사용중인 프로젝트에서 Biome을 설치하고 마이그레이션하여 성능 차이가 얼마나 나는지 확인해 볼 예정이다. 목차  Biome이란? Biome는 웹 개발을 위한 통합 툴체인으로, 코드 포매팅과 린팅을 빠르고 효율적으로 처리하는 도구이다. JavaScript, TypeScript, JSX, TSX, JSON, CSS, GraphQL 등 다양한 언어를 지원하며, 기존의 여러 도구들을 하나로 통합하여 개발자 경험을 향상시킨다. 지금까지는 포매터는 Prettier, 린터는 ESLint 조합이 거의 국룰로 쓰였는데 하는 일이 비슷한데 패키지를 따로 관리해줘야 한다는 점은 개발자에게 귀찮음과 유지보수를 하기 어렵..

Xcode로 만든 앱 실제 내 아이폰에서 실행하기 지금까지 우리가 만든 앱들을 모두 맥 컴퓨터 안에서 에뮬레이터로 실행해보고 있었다. 그런데 에뮬레이터로는 실행할 수 없는 기능들(GPS, 자이로 센서 등)이 있어서 추후에 앱을 만들고 테스트 할 때 어려움을 겪을 수 있다. 그래서 오늘은 Xcode로 만든 앱들을 실제로 내가 가지고 있는 아이폰에서 실행하는 방법을 소개하려고 한다.  목차  개발자 계정 추가하기 Xcode로 만든 앱을 실제 아이폰에서 실행시키기 위해선 먼저 개발자 계정을 추가하는 과정을 거쳐야 한다. 보통 애플의 개발자 계정은 돈을 내고 권한을 얻을 수 있는데 우리가 해 볼 것은 앱스토어에 앱을 출시하는게 아니라 내 아이폰에만 테스트 할 예정이므로 Apple ID로 설정해줘도 된다.  Xc..

[Github Copilot] 학생인증 받았는데 Copilot Pro 무료로 쓸 수 없을 때 해결법 목차 Github 학생인증을 받았는데 Copilot Pro 액세스가 안됨 필자는 작년부터 깃허브 학생인증을 받아 Github Copilot Pro를 무료로 사용중이였다.그런데 저번 달에 학생인증 유효기간이 지나서 코파일럿 프로를 사용할 수 없었다. (깃허브 학생인증은 1년마다 재인증 받아야 한다.) 깃허브에서 일반인에게도 코파일럿을 제한적으로 사용할 수 있도록 풀어줬지만 사용량에 제한이 있어서 결국 재인증을 받아야 하긴 했다. 그래서 처음에 인증받았던 것 처럼 다시 깃허브 학생인증을 완료했는데... 원래라면 3~5일 내에 코파일럿 프로를 사용할 수 있어야 하는데 시간이 지나도 프로 적용이 안됐다. ..

목차  인덕 부동산 앱 시연 영상 https://youtu.be/mZ7mjVLEZV8   주요 기능   디렉터리 구조    소스코드 main.dartimport 'dart:ui';import 'package:firebase_core/firebase_core.dart';import 'package:firebase_crashlytics/firebase_crashlytics.dart';import 'package:flutter/material.dart';import '../firebase_options.dart';import 'intro/intro_page.dart';void main() async { WidgetsFlutterBinding.ensureInitialized(); await Firebase...

Flutter 14주차 (2) - 파이어베이스 인증하기 이번 주차에서는 파이어베이스의 인증 기능을 이용해 이메일과 비밀번호로 회원가입하고 로그인하는 앱을 만들어 볼 예정이다. 목차  파이어베이스 이메일 비밀번호 인증 설정하기 파이어베이스의 이메일 비밀번호 인증 기능을 사용하기 위해선 파이어베이스 콘솔에서 해당 기능을 활성화해줘야 한다. 먼저 파이어베이스 콘솔에 접속하여 저번시간에 만든 프로젝트를 클릭하자.그리고 왼쪽 빌드 목록에서 Authentication을 클릭하자.  인증 방법 중에서 이메일/비밀번호를 클릭하고 사용 설정을 활성화하고 저장을 누르자.  템플릿 탭으로 넘어와서 이메일 주소 인증으로 들어가자.  아래 템플릿 언어를 한국어로 바꾸자.     패키지 등록하기 pubspec.yaml 파일을 ..

Flutter 14주차 (1) - 이미지 피커(image_picker) 활용하기 이번 주차에서는 이미지 피커를 활용하여 갤러리나 카메라와 연동하는 앱을 만들어 볼 예정이다.갤러리에서 선택하거나 카메라로 찍은 사진을 화면에 출력하는 간단한 앱이다. 목차  image_picker 패키지 등록하기 이미지 피커를 사용하기 위해선 다음처럼 이미지 피커 패키지를 pubspec.yaml 파일의 dependencies 항목에 등록해야 한다. pub.dev 사이트에 들어가서 image_picker를 검색한 후 dependencies 항목에 등록하자.   Flutter 패키지는 버전 업데이트가 자주 일어나는데 이전 버전이면 다른 패키지와 충돌이 발생할 수도 있으므로 가능하면 pub.dev에서 검색해서 최신 버전의 패키지를..