꼰대코더

myshop 의 flask application의 구성을 아래와 같이 작성한다. 하나의 python 화일에 모든것을 구현하는것 보다 훨씬 알아보기 쉬운 구조로 되어 있다.

MaterialApp ⇒ 액정 프레임   home: Scaffold ⇒  액정 화면        appBar: AppBar ⇒  윗 화면        body    :  Row, Column, Center, Container ... ⇒  메인화면        bottomNavigationBar: BottomNavigationBar ⇒  (옵션) 아랫 바 ※ Widget  의 파라미터 값 설정     Widget명(파라미터-1 : 값-1, 파라미터-2 : 값-2,  파라미터-3 : 값-3,  ...)

Launchpad 에서 Android Studio 시작, 새 flutter 프로젝트 생성

flutter 개발 환경으로서 OS는 Windows, Mac, Linux, Chrome 에서 가능하고 IDE로서는 VS Code,  Android Studio 가 있다.개인적으로는 iOS의 app 도 확인해야 하기 때문에 Mac에서 Virtual Device의 관리와 함수의 설명 팝업등의 가능이 충실하기 때문에 Android Studio 를 사용하고 있다. 각자 환경에 맞게 아래 사이트를 참조하여 설정하길 바란다. Choose your development platform to get startedInstall Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems.docs.f..

This bowl is chipped. 그릇의 이빨이 나갔다.This fabric is torn or ripped. 이 천은 찢겼거나 빵꾸났다.This glass is scratched. 스크래치났다.This towel is stained. 이 타올은 더럽다.The color of this fabric is faded. 이 천의 색은 바랬다.The screen is cracked. 스프린에 금이 갔다.The toilet is clogged. 변기가 막혔다.

1. 독립변수  선언const [value, setValue] = useState(0);새로운 값을 설정 setValue(3)}>click 기존 값을 변경 setValue(prev => prev + 1)}>click 2. 리스트 변수선언const [value, setValue] = React.useState(["a", "b", "c"]); 초기화  setValue([ ])}>click 값 추가 setValue(prev => [...prev, "d"])}>click 특정값 삭제 setValue(prev => prev.filter(item => item !== "a"))}>click 특정 인덱스 삭제 setValue(prev => prev.filter((item, index) => index !== 0))}..

아래와 같은 form 디자인이 있고 입력데이터를 보관하기 위해 오른쪽과 같이 useState 를 정의 할 수 있다.const [data, setData] = useState( {             address1: "",             address2: "",             zip: "",             city: "",             state: "",             country: "",  }); 이벤트 정의의 비효율 코드와 효율적인 코드 예비효율적 코드효율적 코드control의 이름을 onChange의 argument로 전달control 의 name 프로퍼티를 지정하고 event.target.name 으로 꺼내서 사용 const onChange = (key) ..

ThreadPoolThreadPool ThreadPoolExecutor생성쓰레드 수수동 Thread 1 = Task 1개파라미터로 지정가능디폴트=(논리CPU수 + 4)파라미터로 지정가능디폴트=(논리CPU수 + 4)최적의 용도적은 수로 동시에 실행이 필요한 경우모든 쓰레드가 동시에 실행되지는 않고 비어 있거나 I/O 등의 기다림이 있어 양보된 쓰레드에 실행되게 된다.같은 태스크 내용으로 파라미터만 달리하여 많은 수의 쓰레드를 실행하는 경우.모든 쓰레드가 동시에 실행되지는 않고 비어 있거나 I/O 등의 기다림이 있어 양보된 쓰레드에 실행되게 된다. 같은 태스크 내용으로 파라미터만 달리하여 많은 수의 쓰레드를 실행하는 경우.결과의 리턴불가능가능가능취소기능불가능불가능실행되기 전의 태스크에 한해가능※ Thread..

function factory(a, b) {    return a + b; } const sumFunc1 = factory(); const sumFunc2 = factory();console.log(sumFunc1(1, 2)); // => 3 console.log(sumFunc2(1, 2)); // => 3console.log(sumFunc1 === sumFunc2); // => false console.log(sumFunc1 === sumFunc1); // => true같은 factory함수를 가르킨다고 해도 인스턴스 오브젝트는 서로 다르다. 또한 렌더링이 자주 반복되는 경우에도 이전 인스턴스와는 다른 sumFunc1과 sumFunc2 인스턴스가 생성된다. 그럼 언제 useCallback 필요할까?일단..

{  } 로 감싸여져 있는 경우 반드시 return 이 없는 경우 아무것도 표시되지 않는다.return (     { this.state.task.map((item,contentIndex) => {                   ( hello {item.event} {item.eventpara} ) })               }     ) 해결책 1) return 을 명시return (     { this.state.task.map((item,contentIndex) => {                 return ( hello {item.event} {item.eventpara} ) })              }    ) 해결책 2) { } 를 제거return (       { this...