주니어 개발자 모몽'-' 주니어 개발자 모몽'-'

CSS 의미, 정의 CSS(Cascading Style Sheet) cascading: 위에서 아래로 흐르는 느낌. Style Author Style 우리가 사용하는 CSS 파일 User Style 사용자의 취향에 맞게 브라우저에서 변환한 Style Browser Browser에서 정의한 Style 우선순위: Author > User Style > Browser !important 가장 최우선으로 적용 Selectors(선택자) Universal * (all) type Tag ID #id Class .class state : Attribute [] See the Pen Untitled by YoonJung Lee (@YoonJung-Lee) on CodePen. CSS 게임으로 알아보기 CSS Diner..

StatelessWidget 생성 시 자동 import가 안되어 직접 import 기능을 넣어야 하는 번거로움이 있다. 자동 완성 코드를 수정하는 방법이다. Android Studio 왼쪽 상단 탭에서 File > Settings를 들어간다. Editor > > Live Template에 들어간 뒤 Flutter 아래 stless가 있다. Template text를 보면 import가 없는 것을 확인할 수 있다. 맨 위에 아래 코드를 삽입한다. import 'package:flutter/material.dart'; stless 입력 시 자동완성 코드 import 'package:flutter/material.dart'; class $NAME$ extends StatelessWidget { const $N..

에러메세지 Unhandled Exception: Connection refused 오류 원인 API 도메인 주소를 localhost로 사용으로 발생한 오류이다. 안드로이드 애뮬레이터 사용 시 컴퓨터 환경이 아닌 모바일 환경에서 작동중인 것이므로 localhost를 사용하면 접근이 거부되어 오류가 발생한다. 수정방안 ip 주소로 변환해야 한다. // 기존 http://localhost:8080/ // 변경 http://192.168.0.1:8080/ 자신의 ip주소(IPv4 주소)는 cmd에 들어가서 ipconfig (iOS일 경우 ifconfig)명령어를 사용해서 확인할 수 있다.

Flutter Project 시작하기 Scaffold, AppBar flutter Project를 생성하면 최초로 main.dart 코드가 실행된다. Scaffold안에 appBar와 body가 존재한다. appBar는 화면 상단에 있는 파란색 Bar이고, body는 나머지 하얀 화면이다. appBar와 body에 hello world를 입력해서 출력해봤다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @over..

에뮬레이터 실행 안드로이드 스튜디오에서 우측 상단에 있는 Device Manager 아이콘을 클릭한다. 상단에 install이 있을 경우는 설치 후 진행한다. Create device 버튼을 클릭한다. 원하는 하드웨어를 선택한 뒤 Next를 클릭한다. S 다운로드 로고를 클릭하여 다운로드 한다. Accept를 체크한 후 Next를 클릭하고 설치한다. 설치가 완료되면 Finish 버튼을 클릭한다. S옆에 다운로드 아이콘이 사라진 것을 확인할 수 있다. Next 버튼을 클릭한다. Finish 버튼을 클릭한다. 다시 안드로이드 스튜디오 화면의 Device Manager를 보면 하드웨어가 추가된 것을 확인할 수 있다. 재생버튼을 클릭하여 Running Devices에 화면이 뜬 것을 확인한다. Flutter P..

Flutter Plugin 설치 Android Studio Plugins에서 flutter 설치 Flutter Install 버튼을 클릭한다. Accept 버튼을 클릭한다. Install 버튼을 클릭하여 설치한다. Rstart IDE 버튼을 클릭한다. Restart 버튼을 클릭하여 안드로이드 스튜디오를 재시작한다. 프로젝트 생성 New Flutter Project를 클릭한다. 좌측에 Flutter를 클릭하고 Flutter SDK path를 설정한다. Flutter SDK path는 기존에 Flutter를 설치했던 path를 지정한다. 지정한 후 OK버튼을 클릭한다. Next 버튼을 클릭한다. Project name 및 설정들을 맞추고 Create 버튼을 클릭하여 프로젝트를 생성한다. 프로젝트가 생성된 것..

Flutter 설치방법 플러 설치 링크 https://flutter.dev/ Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. flutter.dev 설치 링크로 들어가서 상단에 있는 Get started 클릭한다. 맞는 OS를 선택하여 클릭한다.(Windows) fluuter zip 파일 다운로드한다. 원하는 위치에 압축푼다. (flutter라는 폴더로 압축 풀림) Flutter 환경설정 내 PC 우클릭 > 속성 > 고급..

에러 메세지 *************************** APPLICATION FAILED TO START *************************** Description: Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured. Reason: Failed to determine a suitable driver class Action: Consider the following: If you want an embedded database (H2, HSQL or Derby), please put it on the classpath. If you ha..