반응형 Flutter5 [flutter / 플러터] VSCode 코드 정리하는 방법 플러터는 많은 위젯을 가지고 있기 때문에 코드 정리가 중요하다. ), 이러한 위젯이 많아 나중가면 어디서부터 어디까지인지, //위젯 표시가 되긴 하지만 vscode에서 쉽게 코드 정리가 가능하다. vscode 왼쪽위 -> file -> preferences -> Keyboard Shortcuts -> format 검색 ->Format Document -> 마우스 오른쪽 -> change keybindig 누른후 자신이 원하는 키를 입력하여 엔터 치면된다.\ 그리고 정리하고자 하는 파일에 가서 해당 단축키를 누르면 말끔하게 정리가 된다. 2021. 5. 6. [Flutter / 플러터] Flutter에서 타입을 쓰는 이유? Flutter는 기본적으로 타입을 사용하지 않아도, 타입추론을 통해 해당 타입이 어떤 타입인지 알수있다, c,c++,java 등 대부분의 언어에서는 타입을 명시해야한다. 예) int num =10; char word = 'a'; 하지만 플러터에서는 타입을 사용하지 않아도 타입추론을 통해 에러가 뜨지 않는다. 예) num=10; word='a'; 그럼 굳이 타입을 명시하지 않아도 되는것이 아닐까? 왜 귀찮게 하나하나 명시를 해줄까? 그이유는 간단하다. 우리가 만약 하나의 프로그램을 짠다고 생각해보자. -두 정수의 합을 구해주는 프로그램. 우리는 이런식으로 작성할 수있다, int addnum(int a,int b){ return a+b; } void main(){ print(addnum(1,2)); } 이것.. 2021. 4. 30. [Flutter / 플러터] 프로젝트 살펴보기(폴더 구조) 아래 사진은 기본적인 Flutter프로젝트의 폴더 구조이다. 가장 먼저 pubspec.yaml : 프로젝트의 메타데이터를 저장하고 관리한다. (프로젝트 ver, 환경, dart ver, dependency등) -즉 앱을 만들때 필요한 중요한 내용을 등록한다. ios,android : 각 플랫폼에 맞게 앱을 배포하기 위한 정보를 가지고 있다. test : dart관련 코드를 테스트 할 수 있다. lib : 안에 main.dart파일이 있다. 대부분의 코딩을 해당 파일 안에서 한다. 위에서 설명한 파일 이외의 파일은 기본 파일이 아닌, 내가 다른 설정을 해놓았기 때문에 존재하는 파일이다. 기본적인 프로젝트 생성시 나타는 파일은 위에서 설명한 파일이다. 2021. 4. 25. [Flutter / 플러터] Widget widget이란? - 독립적으로 실행하는 작은 프로그램이다. - 그래픽 및 데이터를 처리하는 함수를 가지고 있다. - 주로 메인화면에서 다양한 정보를 보여준다. Flutter에서 widget은? - UI를 구성하는 모든 기본 단위 요소(image, text, icon, button 등...) - UI를 구성하는 보이지 않는 레이아웃(center, padding등...) - Flutter는 모든 것이 widget이라고 한다. Flutter의 widget종류 1. Stateless Widget (정적 위젯) 2. Stateful Widget (동적 위젯) Stateless Widget - 화면상 존재하고, 아무런 동작을 하지 않는다. - 실시간 데이터를 저장하지 않는다. - 변화를 하는 value값을 가지지.. 2021. 4. 25. 이전 1 2 다음 반응형
