기초13 VS 코드에서 플러터 사용 설정 - 파란색 줄 없애기 등... VS 코드를 사용하여 플러터를 개발할 때 미리 셋팅하면 좋은 부분이 존재한다. 특히 파란색 선이 나오는 부분을 삭제할 수 있는데 어떻게 할 수 있는지 알아본다. 저장 시 자동으로 경고 코드 수정하기 먼저 파란색 밑줄이 나오는 이유를 잠깐 설명하면 하드 코딩되어있는 부분을 const로 표현해달라는 말이다. 그렇기 때문에 일일이 const를 적어줘도되지만 좀 더 간단한 방법이 있다. UserSetting 수정하기 VS코드에서 왼쪽 밑에 존재하는 톱니바퀴를 클릭한다. 그리고 Command Palette를 클릭한다. 그리고 다음 커맨드를 입력한다. Open User Settings(JSON) 그러면 setting.json 이라는 JSON이 담긴 파일이 열리는데 거기에 다음과 같은 커맨드를 입력하고 저장한다. 그.. 2023. 4. 15. 플러터 기초 - UI 구성 플러터의 UI를 어떻게 구성하고 제일 중요한 핵심인 플러터의 UI 구성 어디서 UI를 정의하는지 UI의 구성 정의한 UI 구조를 한 눈에 살펴보기 플러터 UI의 시작 플러터의 UI는 runApp() 함수에서 시작한다. 플러터의 모든 UI는 위젯으로 되어있기 때문에 위젯을 반환하는 클래스를 runApp()에서 실행한다. void main() { // UI를 만들도록 하는 부분 runApp(MyApp()); } // StatelessWidget: class MyApp extends StatelessWidget { // build 메서드는 UI를 만들어준다 @override Widget build(BuildContext context) { } } 플러터의 기본적인 UI 구성하기 플러터의 UI는 각각의 위젯으로.. 2023. 4. 15. Dart 기초 - 클래스 Dart 기초 - Constructor 생성하기 다음과 같은 방법으로 생성자를 만들 수 있다. class Player { late String name; late int score; Player(this.name, this.score); } void main() { var player1 = Player("Lee", 20); var player2 = Player("Kim", 30); print(player1.score); // 20 print(player2.score); // 30 // you can change the value. player2.score = 50; print(player2.score); } 코틀린과 유사하면서 조금 다른 모습을 볼 수 있다. 위 코드에선 생성자로 지정한 변수를 어느 타이.. 2023. 4. 9. Dart 기초 - 함수 Dart는 다른 언어들이 갖지 않은 방법을 사용해서 함수를 만들 수 있는데 어떠한 방법들이 있는지 알아보자 Dart 기초 - 기본적인 함수 생성 방법 다음과 같은 방법을 사용해서 함수를 만들 수 있다. void sayHi(String name) { print("Hi $name"); } // Positional argument String getName(String name, String hi) => "${hi} My name $name"; // name required argument void greeting({required String name, required String hi}) { print(hi + name); } void main() { sayHi("Lee"); // Hi Lee print(.. 2023. 4. 5. 이전 1 2 3 4 다음
