Python113 간단한 동적 웹앱 만들어보기 : Counter 이번 포스팅에서는 아래와 같은 페이지를 만들어 보고, State의 사용법에 대해 간단히 이해해보고자 한다. 아래와 같은 코드로 index 함수를 만들었다. import reflex as rx def index(): return rx.vstack( # 행 방향으로 나열하는 레이아웃 컴포넌트 rx.heading("Counter"), # 제목 rx.hstack( # 열 방향으로 나열하는 레이아웃 컴포넌트 rx.button("-", color_scheme="red"), rx.heading("0"), rx.button("+", color_scheme="green") ) ) app = rx.App() app.add_page(index) app.compile() 참고로 위에서 사용한 vstack, hstack은 각각.. 2023. 10. 3. reflex 웹페이지는 기본적으로 클래스 하나, 함수 하나로 구성된다. reflex는 프론트엔드와 백엔드의 구분이 다소 모호(?)한 pure-python fullstack webframework이다. reflex로 만드는 웹앱은 기본적으로 State라는 클래스 하나, 그리고 index라는 함수 하나로 구성된다. 이를 이해하기 위해서는 가장 간단한 앱 하나를 만들어보는 것이 좋다. 우선 State 없이 간단한 페이지함수인 index를 만들어보자. import reflex as rx def index(): return rx.heading("Hello world!") app = rx.App(state=State) app.add_page(index) app.compile() python 코드로 구성된 간단한 소스이지만, 이는 리플렉스를 구성하고 있는 node.js, React, N.. 2023. 10. 3. 파이썬으로 avif 이미지를 png로 변환하는 방법 # %pip install pillow-avif-plugin Pillow from PIL import Image import pillow_avif img = Image.open("input.avif") img.save("output.png") 2023. 8. 16. [pynecone] Dall-E 2 이미지 생성 앱 만들기⑤ #마치며 파인콘으로 이미지생성앱 만들기 마지막 시간입니다. 지난 포스팅에서 사실상 앱을 완성한 거나 다름이 없었는데, 2023.02.16 - [pynecone 튜토리얼] - [pynecone] Dall-E 2 이미지 생성 앱 만들기④ [pynecone] Dall-E 2 이미지 생성 앱 만들기④ 들어가기 전에 지난 시간에는 작정하고 우리 앱에 들어가는 파인콘 컴포넌트 10개를 모두 짚어보았습니다. 사실 컴포넌트가 어떻게 작동하고 어떤 속성을 지녔는지를 파악했다면, 이들을 배치 martinii.fun 이번 포스팅에서는 세 가지 정도만 다듬어보겠습니다. 바로, ① 프로그레스바는 이미지 생성중에만 나타나게 하기(pc.cond 활용) ② 프롬프트 하나로 이미지 여러 개 한 번에 생성하기 ③ API 오류 발생시 window.. 2023. 2. 16. [pynecone] Dall-E 2 이미지 생성 앱 만들기④ #State 들어가기 전에 지난 시간에는 작정하고 우리 앱에 들어가는 파인콘 컴포넌트 10개를 모두 짚어보았습니다. 사실 컴포넌트가 어떻게 작동하고 어떤 속성을 지녔는지를 파악했다면, 이들을 배치하고 조합하는 코딩은 듀플로를 조립하듯 너무 간단한 일입니다. 기억이 나지 않으면 검색하면 되고요. https://pynecone.io/docs/library 알려드렸죠? 그래서 프론트엔드 중에서도 UI 파트라고 할 수 있는 index 함수를 짜는 것보다 더 중요한 것은 웹앱의 상태값(변수 등)을 저장하는 State클래스에 대해 이해하는 것입니다. 지난 튜토리얼에서도 계속해서 State 클래스와 State 변수에 대해 설명드렸지만 가장 중요한 점은 State 클래스 안에 정의된 변수들은 특별한 기능을 지녔다는 것입니다. 바로.. 2023. 2. 16. [pynecone] Dall-E 2 이미지 생성 앱 만들기③ #컴포넌트 지난 포스팅에서는 우리 튜토리얼 프로젝트인 Dall-E 웹앱에 들어가는 구성요소, 즉 우리 앱을 구성할 컴포넌트 목록에 대해 알아보았습니다. 2023.02.15 - [pynecone 튜토리얼] - [pynecone] Dall-E 2 이미지 생성 앱 만들기② [pynecone] Dall-E 2 이미지 생성 앱 만들기② 지난 포스팅에서는 openai.com Dall-E2의 API를 활용하여 이미지를 생성해보았습니다. (아직 본격적인 파인콘 앱을 만들지는 않았습니다.) 2023.02.15 - [pynecone 튜토리얼] - [pynecone] Dall-E 2 이미지 생성 앱 martinii.fun 이번 포스팅에서는 우리가 이 앱에서 다룰 컴포넌트에 대해 개략적으로만 알아봅시다. 코드에 출현하는 10개의 컴포넌.. 2023. 2. 16. [GIMP] 파이썬으로 플러그인 만들기⑤: 컬러링북 만들기(최종) 지난 포스팅에서는 필터 명령어 pixelize와 관련 파라미터 입력을 클릭 한 번에 처리할 수 있는 Pixelize라는 플러그인을 직접 만들어보았습니다. 팁으로 플러그인에 단축키를 지정하는 방법이나 플러그인 새로고침하는 단축키(Ctrl-Shift-Alt-R)도 알려드렸어요. 2023.01.31 - [기타/무료포토샵 gimp 튜토리얼] - [GIMP] 파이썬으로 플러그인 만들기③: 워크플로우 자동화 기초 [GIMP] 파이썬으로 플러그인 만들기③: 워크플로우 자동화 기초 지난 포스팅 말미에서는 사용자변수의 image와 drawable 파라미터를 통해 각각 김프의 프로젝트파일, 활성화된 레이어에 접근할 수 있다는 점을 알아보았습니다. 2023.01.31 - [기타/무료포토샵 gimp 튜 martinii.fun.. 2023. 1. 31. [GIMP] 파이썬으로 플러그인 만들기④: 플러그인에 단축키 지정하기 자주 쓰는 워크플로우를 python-fu를 통해 플러그인으로 만들었을 때, 단축키를 지정해놓고 간편하게 쓰고 싶은 분들 계시죠? (아직은 때가 아닌가?^^;) 하지만 GIMP의 Edit - Keyboard Shortcuts 메뉴에서는 기본적으로 플러그인에 단축키를 붙일 수 없게 되어 있습니다. 유일한(?) 대안은 Alt키를 이용한 컨텍스트 단축키를 추가해주는 방법인데요. python-fu 플러그인의 register 함수 안에 label의 이름을 지정할 때 사이에 언더스코어를 붙이면 언더스코어 뒤의 글자가 Alt 컨텍스트 단축키가 됩니다. 예를 들어 제가 만든 플러그인의 label이 "desatunshp"라고 하면 label을 "_desatunshp"로 고쳐주면 메뉴바에서도 이렇게 변경됩니다. 다른 메뉴들.. 2023. 1. 31. [GIMP] 파이썬으로 플러그인 만들기③: 워크플로우 자동화 기초 지난 포스팅 말미에서는 사용자변수의 image와 drawable 파라미터를 통해 각각 김프의 프로젝트파일, 활성화된 레이어에 접근할 수 있다는 점을 알아보았습니다. 2023.01.31 - [기타/무료포토샵 gimp 튜토리얼] - [GIMP] 파이썬으로 플러그인 만들기②: image와 drawable 다루기 기초 [GIMP] 파이썬으로 플러그인 만들기②: image와 drawable 다루기 기초 지난 포스팅에서는 김프의 오류 로그창에다 "Hello, world!"를 찍어보았습니다. 우리가 만든 플러그인이 제대로 작동한다는 걸 직접 확인해보았어요. 2023.01.30 - [기타/무료포토샵 gimp 튜토리얼] - [GIM martinii.fun 기본이 되는 부분만 간략히 짚어본 정도지만 이제 복잡한 워크플로우.. 2023. 1. 31. 이전 1 2 3 4 5 6 7 ··· 13 다음
