맥에서 Finder 창을 2개를 띄워서 나란히 두고 사용하는데, 매번 사이즈를 조절해서 위치를 맞추는 게 번거롭더라구요. 그래서 이걸 쉽게 해결할 수 있는 방법을 찾아봤어요. 정렬이 되긴 해요~ MAC 기본 기능 전체 창 버튼을 꾹~ 누르고 있으면 전체창 / 왼쪽창 / 오른쪽창, 이렇게 3가지 메뉴가 나타나요. 화면을 나누고 싶으면 왼쪽 / 오른쪽 중 하나를 선택해요. 전체화면으로 이동하면 나머지 화면에 배치할 앱을 선택해요. 가운데 부분에 마우스 커서를 가져가서 드래그해서 화면 분할 비율을 조정할 수 있어요. 전체 화면을 종료하려면 Command + Control + F를 눌러 종료해요. 그런데 이게 굳이 전체화면으로 사용하고, 풀고... 조금 번거롭게 느껴져요. Spectacle 설치하기 Specta..

일단 Firebase 사이트에 접속해서 로그인을 한다. 프로젝트 만들기 콘솔로 이동 > 프로젝트 만들기 버튼을 눌러서 프로젝트를 만든다. 원하는 프로젝트 이름을 지정한 후 기본 설정대로 진행한다. 프로젝트 시작 Apple, Android, Web, Unity, Flutter 앱에 Firebase를 추가하여 시작하기에서 원하는 앱을 선택한다. 물론 나는 Flutter를 선택해서 진행했다. Firebase CLI 설치 Firebase CLI 설치 및 로그인(firebase login 실행) Firebase CLI(GitHub)는 Firebase 프로젝트를 관리, 조회, 배포할 수 있는 다양한 도구를 제공합니다. 나는 자동 설치 스크립트로 설치를 했다. 터미널에서 다음 cURL 명령어를 실행한다. 이 스크립트..

나의 맥북은 장수 맥북이다보니 Andriod Studio에 Simulator까지 돌리려니 힘들어하는 것 같아 조금 더 가볍운 Visual Studio를 사용하려고 한다. 기본 설치 참고 우선 Flutter, X-code, Android Studio 등의 사전 설치가 필요하다. 🔗 Mac에 Flutter 설치하기 🔗 Mac Full Xcode 설치하기 Extension 설치 ※ REF : Setup on Editor Flutter Extention VS Code에서 'Flutter'로 검색해서 Extension을 설치한다. 설치한 후 View > Command Palette 또는 Command + Shift + P를 실행한 뒤 Flutter: Run Flutter Doctor를 실행해서 설치를 확인한다. ..

코드는 보기 좋아야 보기 좋다. 자동 포맷 설정을 해두고 편하게 살자! Preferences 창을 연다. Languages & Frameworks > Flutter를 리스트에서 직접 찾거나 flutter로 검색을 해서 해당 탭을 찾아가서 Format code on save를 활성화시킨 후 Apply > OK로 설정 완료한다. 코드를 작성한 후 저장할 때 코드가 샤샤샥~ 정리가 되는 걸 확인할 수 있다!

기본적으로 iOS Simulator는 Xcode 설치만으로 실행이 가능한데, Andriod Emulator는 Android Studio에서 직접 생성해서 사용해야 합니다. Flutter로 iOS와 Android, 두 가지 App을 개발하려면 두 가지 Simulator가 필요합니다. iOS Simulator : Xcode를 설치하면 자동으로 사용 가능해요. Android Emulator : Android Studio에서 원하는 모델로 생성해서 사용해야 해요. 💡 Android Emulator는 Hardware와 System Image를 직접 선택해서 설치를 해요. 이 선택을 위해서 Android Emulator에서 한글 키보드 사용하기의 내용을 참고해 보세요. Emulator 설치 Android용 Emul..

System Requirements Operating Systems: macOS Disk Space: 2.8 GB (does not include disk space for IDE/tools). Tools: Flutter uses git for installation and upgrade. We recommend installing Xcode, which includes git, but you can also install git separately. X-code 설치 X-code 확인 X-Code 실행하기 License 확인 sudo xcodebuild -license # space bar를 눌러 끝까지 내려간다 By typing 'agree' you are agreeing to the terms of..

강의를 듣다가 강사님이 사용하는 걸 보고 나도!!를 외치면서 찾아본 플러그인, Quokka. Quokka Extension 사용법은 몹시 간단하다. 1. Quokka용 파일 생성 Cmd(Ctrl) + Shift + P → "Quokka" 입력 → JavaScript/TypeScript 파일 생성 2. 코드 작성 코드를 입력하면 실시간으로 결과값을 확인할 수 있다. ⚠️ 기존 파일에서 실행하는 건 'PRO' 에디션을 구입해야 사용 가능하다. #vscode #extension #javascript #코드출력 #quokka

chsh -s /bin/zsh chsh -s /bin/bash원하는 설정으로 입력한 후 터미널 새 창을 열면 적용된다. 몹시 간단!!