Fox Moon

과제 내용 Flutter 앱을 처음부터 만들었습니다. Dart 코드를 작성했습니다. 외부 서드파티 라이브러리를 활용했습니다. 빠른 개발 사이클을 위해 hot reload를 사용했습니다. Stateful 위젯을 적용했습니다. Lazy한 방식 무한 스크롤 목록을 만들었습니다. 학습 요점 실행 결과 소스 코드 import 'package:flutter/material.dart'; import 'package:english_words/english_words.dart'; /* 외부 패키지 이용하기 1) pubspec.yaml의 의존성 목록에 english_words 추가 2) flutter pub get 명령 실행 */ void main() => runApp(MyApp()); class MyApp extend...

1. Android Studio 설치 https://developer.android.com/studio?hl=ko 설치(exe)버전으로 다운로드 (포터블버전(zip)은 path 등 추가 설정 필요) Android Studio 설치 경로 D:\Android Studio Android SDK 설치 경로 D:\Android_SDK 2. Git 설치 https://gitforwindows.org/ 기본 에디터를 VSCode 로 윈도우 콘솔을 기본으로 3. VSCode 설치 https://code.visualstudio.com/ flutter 확장프로그램 설치 4. Visual Studio 설치 https://visualstudio.microsoft.com/ko/downloads/ Desktop developmen...

CentOS 8에서 오류 > dnf install tree Repository AppStream is listed more than once in the configuration Repository BaseOS is listed more than once in the configuration Repository extras is listed more than once in the configuration CentOS-8 - AppStream 83 B/s | 38 B 00:00 오류: Failed to download metadata for repo 'AppStream': Cannot prepare internal mirrorlist: No URLs in mirrorlist ...

flex에 대해서 자세히 알아보자. 주로 레이아웃을 구성할때, 아이템 배치/배열을 할때 사용하고 있다. flex 테스트 기본코드 CSS .container { width: 600px; height: 200px; border: 1px solid grey; } .grid-box { display: flex; background-color: #efefef; } .item { padding: 1rem; } .item:nth-child(1) { background-color: #44C1F2;} .item:nth-child(2) { background-color: #49D3F2;} .item:nth-child(3) { background-color: #36D96F;} .item:nth-child(4) { backgro...

윈도우에서 특정 폴더(디렉토리)를 숨기는 두가지 방법 방법1. 탐색기의 속성 옵션으로 간단하게 적용 탐색기에서 숨길 폴더를 우클릭 후 속성 옵션으로 진입 속성의 일반탭 메뉴에서 숨김옵션을 체크 후 적용 이렇게 숨겨진 폴더는 탐색기 폴더 옵션 이하 보기 옵션 탭에서 [숨김 파일, 폴더 및 드라이브 표시]를 체크하면 숨긴 폴더가 보이게 됨 방법2. 파워쉘에서 attrib 명령을 사용하여 시스템파일 속성을 변경 attrib 명령어 옵션에서 +s(시스템) 와 +h(숨김)를 사용 숨길 폴더의 위치에서 명령을 실행 > attrib +s +h 숨길폴더 이름 이렇게 숨겨진 폴더는 탐색기 폴더옵션 이하 보기옵션 탭에서 [보호된 운영 체제 파일 숨기기] 체크해제 와 [숨김파일,폴더 및 드라이브 표시]를 체크하면 보여지...

온라인 포토샵(photopea)의 무료 계정에서 광고를 제거하는 방법 광고 제거 전 오른쪽에 광고 배너가 위치하기 때문에 이용자에게 왼쪽의 작업 공간이 협소해지는 불편함을 제공하여 유료 사용을 독려하고 있다.. 광고 제거 후 광고가 사라져서 작업공간이 넓어짐 광고 제거 적용 방법(Chrome, Edge) 개발자도구로 진입해서 아래 순서로 진행 (새코드로 등록해두면 이후엔 실행만 해주면 됨) 적용할 JS 코드 var _photopea_style = "<style>"; _photopea_style += ".app > div:nth-of-type(2){display:none !important}"; _photopea_style += ".app > ...

PC,Mobile 웹 브라우저에서 서명을 받아 저장 가능한 프로그램 설명 인터페이스 HTML 코드 서명을 위한 캔버스와 동작을 위한 버튼 <!-- 서명 공간 --> <div> <h3>서명1</h3> <div class="canvas-draw-box"> <div class="canvas-draw-base" data-id="canvas_name1"></div> <div class="canvas-draw-pad-box"> <canvas id="canvas_name1" class="canvas-draw-pad">1...