본문 바로가기

tutorial10

[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 이미지 생성 앱 만들기③ #컴포넌트 지난 포스팅에서는 우리 튜토리얼 프로젝트인 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] 파이썬으로 플러그인 만들기③: 워크플로우 자동화 기초 지난 포스팅 말미에서는 사용자변수의 image와 drawable 파라미터를 통해 각각 김프의 프로젝트파일, 활성화된 레이어에 접근할 수 있다는 점을 알아보았습니다. 2023.01.31 - [기타/무료포토샵 gimp 튜토리얼] - [GIMP] 파이썬으로 플러그인 만들기②: image와 drawable 다루기 기초 [GIMP] 파이썬으로 플러그인 만들기②: image와 drawable 다루기 기초 지난 포스팅에서는 김프의 오류 로그창에다 "Hello, world!"를 찍어보았습니다. 우리가 만든 플러그인이 제대로 작동한다는 걸 직접 확인해보았어요. 2023.01.30 - [기타/무료포토샵 gimp 튜토리얼] - [GIM martinii.fun 기본이 되는 부분만 간략히 짚어본 정도지만 이제 복잡한 워크플로우.. 2023. 1. 31.
[GIMP] 파이썬으로 플러그인 만들기①: 오류콘솔에 "Hello, world!" 최근 GIMP를 배우는 데 박차를 가하던 중에 페북에 간단한 튜토리얼을 올렸는데 한 페친 분께서 이런 댓글을 남겨주셨어요. 여차저차해서 시작하게 된 튜토리얼이지만, 사실 예전부터 만들어 보고 싶은 플러그인이 있긴 했거든요ㅎㅎ 바로, 썸네일 자동생성기! 아니, 이 튜토리얼에서 다룰 내용은 아니고... 먼 여정의 첫 걸음은 역시 헬로월드지. 해외 포스팅과 스택오버플로, 유튜브 동영상을 뒤진 끝에 첫 걸음을 내딛게 되었으니.. 이 튜토리얼 시리즈는 제 배움의 여정이자 제가 다시 읽기 위한 기록이므로 여러분께는 다소 불친절할 수 있다는 점, 양해 바랍니다^^ 오늘은 김프의 파이썬 플러그인 구조와, 등록방법 그리고, 가장 간단한 튜토리얼인 헬로월드 찍기를 보여드리려고 해요. 이번 포스팅의 목차는, ① 파이참 연동.. 2023. 1. 30.
[gimp 입문 튜토리얼] 캐릭터 입술에 립스틱 옅게 바르기 #레이어마스크 포토샵의 무료대안으로 가장 많이 알려진 GIMP의 튜토리얼을 하나씩 올릴 예정입니다. 이번 포스팅에서는 특정 범위를 마스킹하고, 색을 입히는 과정을 차근차근 설명드리겠습니다. 원본 이미지는 AI로 생성한 날개달린 천사입니다. 완성된 이미지에는 아래와 같이 입술에 옅게 립스틱을 발라주었습니다. 그럼 한 번 시작해볼까요? ① 김프를 열고, 이미지를 드래그해서 김프에 넣습니다. ② 우측하단 레이어창의 해당 레이어에 우클릭, "레이어마스크 추가 - 흰색"을 선택합니다. 임시로 특정 영역을 선택하기 위한 과정의 일환입니다. ③ 붓 도구(단축키:P)로 입술 부위를 색칠해줍니다. 색칠(선택)된 부위에 색이 입혀질 예정입니다. ④ 해당 레이어에 우클릭 -> "마스크를 선택 영역으로" -> 선택영역 반전(Ctrl-i) .. 2023. 1. 28.
Pynecone tutorial: 추가버튼클릭시 인풋 컴포넌트 비우기 지난 포스팅까지, 파인콘 데모 갤러리에서 가장 쉬워 보이는 투두리스트에 대한 튜토리얼을 마쳤습니다. 2023.01.19 - [pynecone 튜토리얼] - Pynecone tutorial: Todo앱을 만들어봅시다. 2023.01.20 - [pynecone 튜토리얼] - Pynecone tutorial: Todo앱의 로직파트 작성하기 2023.01.21 - [pynecone 튜토리얼] - Pynecone tutorial: 투두리스트 스타일 매기기 그런데, 다른 투두리스트 앱을 사용해보셨거나 UX에 관심이 있는 분이시라면 아주 불편한 점 두 가지를 분명 느끼셨을 거라고 생각합니다. ① 꼭 버튼을 마우스로 클릭해야 하나? 할일 입력하고 엔터만 치면 바로 할일목록에 추가할 수 없을까? ② 추가버튼 클릭할 때 .. 2023. 1. 22.
Pynecone tutorial: 투두리스트 스타일 매기기 지난 포스팅에서는 로직 파트까지 구현하고 마쳤습니다. Pynecone tutorial: Todo앱의 로직파트 작성하기 지난 시간에는 화면의 컴포넌트를 모두 구성해보았습니다. Pynecone tutorial: Todo앱을 만들어봅시다. 지난 포스팅에서는 터미널에서 pc run을 실행하여 pynecone 프로젝트를 초기화할 때 생성되는 프로 martinii.fun 이번 마지막 포스팅에서는 CSS스타일을 매겨서 우리의 앱을 더 예쁘게 만들어보겠습니다. 본격적으로 시작하기 전에 Pynecone 웹앱에 스타일을 매기는 세 가지 방법에 대해 간략히 설명드리겠습니다. 참고로 일반적인 CSS 스타일 적용방법은 인라인 스타일(Inline style) 내부 스타일 시트(Internal style sheet) 외부 스타일 .. 2023. 1. 21.
Pynecone tutorial: Todo앱의 로직파트 작성하기 지난 시간에는 화면의 컴포넌트를 모두 구성해보았습니다. Pynecone tutorial: Todo앱을 만들어봅시다. 지난 포스팅에서는 터미널에서 pc run을 실행하여 pynecone 프로젝트를 초기화할 때 생성되는 프로젝트의 구조에 대해 간략히 훑어보았습니다. 이번에는 본격적으로 react의 hello world로 불리는(?) todo martinii.fun 이번 포스팅에서는 아래와 같은 로직 파트를 추가하려고 합니다. Pynecone에서는 데이터베이스 관련해서, sqlite와 파이썬의 아주 훌륭한 ORM 툴인 sqlalchemy를 탑재하고 있습니다. 다만, 이번 시간에는 데이터베이스 대신 파이썬의 list 자료형을 사용해보겠습니다. Pynecone의 코드가 pure python이라서 참 좋은 점 중 .. 2023. 1. 20.
Pynecone tutorial: Todo앱을 만들어봅시다. 지난 포스팅에서는 터미널에서 pc run을 실행하여 pynecone 프로젝트를 초기화할 때 생성되는 프로젝트의 구조에 대해 간략히 훑어보았습니다. 이번에는 본격적으로 react의 hello world로 불리는(?) todo앱을 pynecone으로 시작 단계부터 간단히 구현해보겠습니다. 우리가 만들 todo앱은 아래와 같은 모습입니다. 아쉽게도 on_key나 on_enter 같은 키보드입력 이벤트는 아직 pynecone에 구현되어 있지 않습니다. 투두리스트에 할 일을 추가할 때 버튼을 클릭하지 않고 엔터키를 누르면 바로 할 일이 추가될 수 있도록 하여 사용자 경험을 개선하고자 하는 제안들이 많이 있고, 개발진에서도 바로 다음 릴리즈에서 추가하겠다고 하니, 빠른 업데이트를 기다려봅니다. 출처 : Input .. 2023. 1. 19.