꼰대코더

https://youtu.be/km2P_KQJyO0?si=6x8z8UXe6MoJ1bTd 요약MaterialApp, Scaffold, AppBar ... 등은 클래스(위젯)이고 각각의 클래스는 생성자로서 또 다른 클래스를 받아 들이게 된다. 클래스의 생성자를 설정할시에는 프로퍼티명 : 설정 클래스 형식으로 하게 된다.프로퍼티명을 지정하는 이유는 입력순서를 신경쓰지 않아도 되고 설정하지 않은 프로퍼티는 디폴트설정을 사용하게 된다.각 클래스 프로퍼티 참조https://api.flutter.dev/flutter/widgets/widgets-library.html#classes widgets library - Dart APIwidgets library The Flutter widgets framework. To ..

사용용도: 인터 PC간 통신, 인터 프로세스 통신, 인터 쓰레드 의 한방향 리얼타임 메세지 통신  ※  Redis :  메모리상의 데이터 구조체로서 퍼포먼스와 다양성으로 유명일본 모TV방송사의  PGA일본투어 생방송에 영어 선수명, 순위정보등의 Telop을 리얼타임으로 일본어로 변환하는 프로젝트에 사용. pip install redis Publisher (제공자) import redis # Connect to local Redis instance redis_client = redis.StrictRedis(host=''localhost'', port=6379, db=0) channel = ''my_channel'' while True:     message = input("Enter a message: "..

인스톨 flask-jwt-extended $ pip install flask-jwt-extended

Structure of the JWT Token (* JWT = Jason Web Token)HEADER암호화 알고리즘 파트PAYLOAD유저를 판명할 수 있는 데이터 (id, 유저명등)SIGNATURE위의 두 파트로 생성된 디지털 시그니쳐 1. 유저가 웹페이지에 username/password를 입력하면 backend API 에 보내진다.2.  API는 데이터베이스에  username/password 를 조회한다.3.  유저가 조회되면 token을 생성하고 status_code=200 과 함께 frontend에 되돌려 준다.4. frontend는 받은 token를 로컬에 저장을 하고 이후의 API 요구에 사용한다.

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))}..