슬기로운 IT생활

VScode에서 기준으로 플러터 앱 개발 환경을 세팅하겠다 우선 아래 URL에서 VSCode를 다운로드한다 ​ https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com ​ 아래와 같은 설치 화면에서 동의합..

VSCode(비주얼 스튜디오 코드)로 플러터 앱 개발 환경을 세팅하겠다. 우선 아래 URL에서 VSCode를 다운로드한다 ​ 우선 아래 URL에서 VSCode를 다운로드한다 ​ https://code.visualstudio.com/ ​ 아래와 같은 설치 화면에서 동의합니다 이후 다음다음 눌러서 진행한다 ​ VSCode 언어를 한글로 설정하겠다. 좌측 블럭 아이콘인 마켓 플레이스를 클릭 후 검색 창에서 'korean' 입력하면 다음과 같이 나오고 Install을 클릭해서 설치하면 된다. ​ 개발 툴이 한글로 변경되었다. 이제는 마켓 플레이스에서 flutter를 검색하여 설치한다. ​ 다음은 코드 가독성을 위해 레인보우 브래킷을 설치해 준다. ​ ​ 다음은 Error Lens를 설치했다. 에러를 가독성 있게..

VS Code에서 플러터로 소스를 수정 후 디버깅할 때 에뮬레이터 우측 상단에 디버그 배너가 항상 보이는데 이 배너가 거슬리는 사람을 위해서 포스팅한다. ​ 아래 이미지 우측 상단을 보면 DEBUG라는 표시가 보임 ​ 소스 코드에서 다음을 추가한다. ​ debugShowCheckedModeBanner: false, 이후 디버깅을 수행해보면 우측 상단에 보이던 DEBUG 배너가 사라진 것을 볼 수 있다. 별거 아니지만 디버깅할 때마다 DEBUG 띠가 보이는 게 거슬리는 사람을 위해서 포스팅한다. ​ 아 그리고 이전 포스팅에서 앱 이름을 5글자로 정했더니 잘려서 고민이었는데 앱 이름은 그냥 '닭갈비'로 심플하게 정리했다. ​ 좌측 상단 앱을 보면 '닭갈비'라고 아주 심플한 앱이 보인다.

자 플러터(flutter)로 앱(app)을 만들어보자. ​ 사실 환경 세팅부터 포스팅하려고 했지만, 자마린처럼 서론만 얘기하다 끝날까 봐 이번 플러터 포스팅은 어떤 앱을 만들지 정하고, 바로 프로젝트 생성부터 들어가겠다. (자마린은 오픈을 앞두고 너무 바빠져서 포스팅을 포기했었다. 현업에서는 잘 쓰고 있음) ​ 자 거두절미하고 어떤 앱을 만들지 바로 정하고 프로젝트 생성 들어간다! ​ 어떤 앱을 만들 것인가? ​ 우선 복잡한 서비스 앱을 제작은 포스팅에 사용하기는 어렵기 때문에 나는 아주 간단하게 아래 닭갈비 매장을 홍보하는 앱을 만들어보겠다ㅋㅋ ​ ​ 메뉴는 가게 소개, 메뉴 소개, 오시는 길, 스토어로 이동 정도? 원래 기획을 다 하고 만들어야 하는데 그러면 또 기획하다 끝날까 봐 우선 만들어보겠다...