본문 바로가기

분류 전체보기154

[Mac 환경] VSCode에서 Flutter 개발 시 편리성 높여주는 셋팅 2가지 VSCode Extension : Dart, Flutter 추가 해준 상태🔥 const 자동 추가Flutter로 개발하다 보면 코드에 파란 줄이 생기는 경우가 있는데,이건 코드에 const를 붙여 상수로 사용하라고 나타나는 경고이다이때 const를 하나하나 붙이지 않아도 코드 저장 시 자동으로 const를 붙여줄 수 있다 🔥 방법VSCode > command + Shft + P > open user settings(JSON) > settings.json 파일settings.json 파일에서 아래의 코드를 추가/변경해 주면 된다{ "editor.codeActionsOnSave": { "source.fixAll": true },🔥 부모 자식 관계 표시Flutter로 개발하다 보면 코드에 위젯이.. 2024. 8. 9.
ColorZilla 🔥 Google Chrome 확장 프로그램  "ColorZilla"https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=ko UI 작업 시 화면에 있는 색의 코드를 알고 싶을 때 사용하면 편리하다"페이지에서 색상선택"을 클릭한 후 색상 코드를 알고 싶은 곳을 클릭하면 색상 코드를 알 수 있다 2024. 8. 9.
[VSCode]로컬에서 작업 하던 프로젝트 최초로 Github에 올리기 🔥 순서 요약 1. github에 새로운 저장소 만들기2. 저장소의 주소 복사, git 명령어 복사3. VSCode에서 터미널을 열고 복사해 온 git 명령어 순서대로 입력 1.  github  > Repositories > New 버튼 클릭  > Create a new repository 2. 프로젝트 명을 입력하고, 프로젝트를 public(공개) private(비공개) 할 건지 설정한 후 create repository 버튼 클릭 3. repository 가 만들어지면 repository 주소가 나온다※ git clone 할 때는 repository 주소를 복사해서 clone 하면 되지만, 지금은 굳이 복사하지 않아도 4번에 git 명령어들과 함께 주소도 같이 나와있어서 복사할 필요는 없다 4. g.. 2024. 8. 9.
Git 명령어 🔥 많이 쓰는 명령어Push (내보내기 ↑) Pull (가져오기 ↓) fetch (가져오기만 ↓) Clone (복제) Merge (병합) git 명령어git initgit 초기화를 의미한다.비어있는 local 폴더에 들어가 git init을 실행하면 해당 폴더에 .git 파일만든다. 이렇게 하면 git repository와 연동시킬 준비를 하는 것이다.git statusgit의 상태를 확인한다.(중요)git add생성한 파일을 스테이징(staging)한다.Git이 추적하고 있는 수정된 파일이 work Tree에서 index(=staging area)에 저장된다.git commitstaging area에 저장됐던 파일이 local repository로 저장된다.git pushlocal repository.. 2024. 8. 9.
[Mac 환경] VSCode 에서 Flutter, Widget Inspector 열기 🔥  Widget Inspector 란? Flutter는 모든 것이 위젯이다. 위젯을 하나하나 분석하고 테스트할 수 있도록 도와주는 개발자 도구가 Widget Inspector이다[공식 문서] 📎  https://docs.flutter.dev/tools/devtools/inspectorFlutter 위젯 인스펙터는 Flutter 위젯 트리를 시각화하고 탐색할 수 있는 강력한 도구입니다.Flutter 프레임워크는 위젯을 컨트롤(텍스트, 버튼, 토글 등)부터 레이아웃(중앙 배치, 패딩, 행, 열 등)에 이르기까지 모든 것을 위한 핵심 빌딩 블록으로 사용합니다. 인스펙터는 Flutter 위젯 트리를 시각화하고 탐색하는 데 도움이 되며, 다음과 같은 용도로 사용할 수 있습니다:기존 레이아웃 이해레이아웃 문.. 2024. 8. 9.
[Mac 환경] Flutter 처음 시작, VSCode에서 에뮬레이터(Emulator) 실행 VSCode에서 Flutter 프로젝트를 처음 시작 하면서 VSCode에 에뮬레이터를 실행하는 과정을 적어보았다 VSCode에서 Flutter 처음 시작 하기 위해서 설치해야 하는 부분들 요약 ☞  VSCode 설치☞  Flutter SDK 설치☞  Xcode 설치☞  Android Studio 설치Flutter SDK와  VSCode는  설치되어 있어서 Xcode 와 Android Studio 만 추가로 설치해 주었다 🔥 Xcode 설치 과정 1. 맥북 App Store에서 Xcode 검색 후 설치2. 설치 후 터미널을 열고 https://docs.flutter.dev/get-started/install/macos/mobile-ios#install-and-configure-xcode 사이트에 있는 4.. 2024. 8. 7.
728x90

티스토리툴바