본문 바로가기

입문31

[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.
[pynecone] Dall-E 2 이미지 생성 앱 만들기② #UI배치 지난 포스팅에서는 openai.com Dall-E2의 API를 활용하여 이미지를 생성해보았습니다. (아직 본격적인 파인콘 앱을 만들지는 않았습니다.) 2023.02.15 - [pynecone 튜토리얼] - [pynecone] Dall-E 2 이미지 생성 앱 만들기① [pynecone] Dall-E 2 이미지 생성 앱 만들기① 이번에 밑바닥부터 만들어볼 pynecone 앱은 바로 Dall-E 이미지 생성기입니다. 아시다시피 Pynecone은 React.js라는 자바스크립트 UI 라이브러리를 래핑한 파이썬 패키지인데요. 파이썬 풀스택 웹프레임 martinii.fun 이번 포스팅은 본격적으로 코딩을 시작하기 전에.. 우리가 진행할 파인콘 프로젝트를 차근차근 알아가봅시다. 입문자를 대상으로 하는 만큼, 가급적 .. 2023. 2. 15.
[pynecone] Dall-E 2 이미지 생성 앱 만들기① #프로젝트 생성 이번에 밑바닥부터 만들어볼 pynecone 앱은 바로 Dall-E 이미지 생성기입니다. 아시다시피 Pynecone은 React.js라는 자바스크립트 UI 라이브러리를 래핑한 파이썬 패키지인데요. 파이썬 풀스택 웹프레임워크라는 이름답게 간단한 파이썬 코드만으로 위와 같은 웹앱을 금세 만들어낼 수 있습니다. 대신 리액트나 Next.js에 대한 지식이 조금이라도 있으면 보다 쉽게 pynecone을 이해할 수 있는 것 같아요. 지난 튜토리얼인 투두리스트처럼 pynecone 프로젝트를 하나 생성하고 시작하겠습니다. pynecone을 아직 설치하지 않으셨거나, pynecone 프로젝트 생성이 처음이신 분은 아래 포스팅을 참고해주세요. 파인콘 및 node.js를 설치합니다. (martinii.fun) 파인콘 및 no.. 2023. 2. 15.
[부동산지인 크롤링] 지역/기간별 미분양 세대수 수집하는 파이썬 코드 유튜브의 부동산지인 크롤링 시리즈 중 미분양세대수 수집 프로그램의 최종코드입니다. 미분양데이터 크롤링 1부 미분양데이터 크롤링 2부 파이썬 소스코드 city_list = [ ["1100000000", "1168000000"], # 서울특별시 강남구 ["1100000000", "1174000000"], # 서울특별시 강동구 ["1100000000", "1130500000"], # 서울특별시 강북구 ["1100000000", "1150000000"], # 서울특별시 강서구 ["1100000000", "1162000000"], # 서울특별시 관악구 ["1100000000", "1121500000"], # 서울특별시 광진구 ["1100000000", "1153000000"], # 서울특별시 구로구 ["11000.. 2023. 2. 7.
[GIMP] 파이썬으로 플러그인 만들기④: 플러그인에 단축키 지정하기 자주 쓰는 워크플로우를 python-fu를 통해 플러그인으로 만들었을 때, 단축키를 지정해놓고 간편하게 쓰고 싶은 분들 계시죠? (아직은 때가 아닌가?^^;) 하지만 GIMP의 Edit - Keyboard Shortcuts 메뉴에서는 기본적으로 플러그인에 단축키를 붙일 수 없게 되어 있습니다. 유일한(?) 대안은 Alt키를 이용한 컨텍스트 단축키를 추가해주는 방법인데요. python-fu 플러그인의 register 함수 안에 label의 이름을 지정할 때 사이에 언더스코어를 붙이면 언더스코어 뒤의 글자가 Alt 컨텍스트 단축키가 됩니다. 예를 들어 제가 만든 플러그인의 label이 "desatunshp"라고 하면 label을 "_desatunshp"로 고쳐주면 메뉴바에서도 이렇게 변경됩니다. 다른 메뉴들.. 2023. 1. 31.
파이참에도 러스트 플러그인이 생겼습니다! 최근 파이참 업그레이드를 해 보신 분이라면 알아차리셨겠습니다. 바로 파이참에서도 러스트 플러그인이 생겼다는 건데요. 얼마 전까지는 IntelliJ, CLion, Rider 등에서 러스트를 지원했는데요. 파이참에도 러스트 플러그인이 생겼습니다. 작년말에 러스트 공부를 시작했는데요. 이제 슬슬 입문포스팅을 남길 정도는 된 것 같아서 첫 포스팅을 남겨봅니다. 바로, 파이참에 러스트 플러그인 설치하기 입니다. 파이참을 열고 마켓플레이스에서 rust를 설치하신 후에 파이참을 재시작해주세요. 새 프로젝트를 시작해보고 마치겠습니다. 러스트는 프로젝트를 만들면 기본적으로 main.rs 안에 헬로월드를 찍는 메인함수가 생성되어 있습니다. 이제 재미있는 프로젝트를 여러 개 진행해보면서 재미있고 흥미로운 러스트의 세계에 빠.. 2023. 1. 11.
4-3. 표 삽입하기 보호되어 있는 글 입니다. 2022. 12. 13.
4. 글자 및 개체 삽입하기 보호되어 있는 글 입니다. 2022. 12. 12.