반응형 공부기록81 Flutter로 웹 앱 실행하기: 사용자 지정 호스트네임과 포트 설정 방법 Flutter 웹 앱 실행하기: 사용자 지정 호스트네임과 포트 설정 방법 flutter run -d edge --web-hostname 192.168.0.100 --web-port=8080 Flutter는 웹, 모바일, 데스크톱 등 다양한 플랫폼에서 애플리케이션을 개발하는데 사용되는 오픈 소스 프레임워크이다. 이번 포스팅에서는 Flutter로 개발한 웹 애플리케이션을 사용자 지정 호스트네임과 포트를 이용해 실행하는 방법에 대해 알아보겠습니다. Flutter 프로젝트를 실행하기 위해 flutter run 명령어를 사용합니다. 이때 -d 옵션은 사용할 디바이스를 선택하는 옵션으로, 이 예제에서는 'edge'를 사용했는데, 이는 Edge 브라우저에서 앱을 실행하겠다는 것을 나타낸다. -d 옵션에 대해 더 자세.. 2023. 7. 8. The method of() is undefined for the type List 오류(@Builder) * The method of() is undefined for the type List 오류가 발생하는 이유 * 개발환경: 이클립스, 스프링 부트 롬복 어노테이션 전부 오류가 생기면 모르겠지만 @Builder에만 생긴다면 jdk 버전 문제일 확률이 높다. @Builder 내부에선 List.of() 문법을 쓰는데, 이 문법이 jdk 1.8에선 지원되지 않기 때문이다. 따라서 @Builder 어노테이션을 쓰고 싶다면 jdk 버전을 올리는 수 밖에 없다. JDK 버전 바꾸는 방법 1. 프로젝트 우측 클릭 > Properties 2. Java Build Path > Libraries 탭 선택, JRE System Library > Edit 3. jdk 1.8보다 높은 버전으로 올려준다. 2023. 7. 7. [Flutter] ListView 재사용하기(재사용 가능한 Widget 만들기) Flutter에서 ListView 재사용하기 똑같은 형태의 Widget을 구현할 때는 Widget을 재사용 할 수 있다. bottomNavigatior로 탭하여 화면을 바꾸는 것은 아래 링크에서 확인해주세요. 2023.07.05 - [공부기록/Flutter] - [Flutter] AppBar, BottomNavigator 구현(상단,하단은 고정 & body만 바뀌도록) 이번 글에서는 Widget을 재사용하는 방법에 대해 알아보겠습니다. verticalList.dart `VerticalListWidget`은 StatefulWidget이다. 이 위젯은 수직 스크롤이 가능한 리스트를 생성하며, 각 아이템은 제목, 기간, 장소/날짜 정보, 그리고 이미지로 구성된다. `initState` 메서드에서는 `widge.. 2023. 7. 5. [Flutter] AppBar, BottomNavigator 구현(상단,하단은 고정 & body만 바뀌도록) Flutter에서 상단 바, 하단 네비게이션 구현하기 main.dart MainPage 위젯을 통해 구성된 애플리케이션이다. 애플리케이션의 전체적인 테마와 페이지 구성을 설정하고, 페이지 간 이동을 관리한다. MyApp: MaterialApp을 생성하여 애플리케이션 전체의 테마와 기본 설정을 지정. title은 애플리케이션의 제목을 설정하고, theme은 전체적인 테마 설정을 담고 있음. MainPage: StatefulWidget를 상속하여 페이지 이동과 BottomNavigationBar를 관리하는 위젯 _currentIndex 변수를 사용하여 현재 선택된 페이지 인덱스를 관리하며, _onItemTapped 함수는 탭 이벤트를 처리하여 _currentIndex를 업데이트 _pages 리스트에는 홈페이.. 2023. 7. 5. 이전 1 2 3 4 5 6 7 8 ··· 21 다음 728x90 반응형
