pynecone

it/programming

Link 컴포넌트 오류 / Pynecone.io to Reflex.dev migration debugging

reflex init 을 통해 자동으로 코드를 마이그레이션하고 바로 실행하니 오류를 만난다. ValueError: Link without a child will not display 링크에 하위객체가 없는 오류를 추가했나보다. 레퍼런스를 체크해보니 이런 코드가 추가된걸 볼 수 있었다. if href and not len(children): raise ValueError("Link without a child will not display") 어쩔 수 없이 빈 div 를 추가해줬다. reflex.link( reflex.Box(), # 요걸 추가했다. href=replace_dynamic_route_args( route=PortfolioDetailPage.route, portfolio_id=portfolio..

it/programming

Pydantic json dumps / Pynecone.io to Reflex.dev migration debugging

Pynecone 으로 실시간 렌더링을 할때에 만났던 오류 중 date 필드를 json 으로 dumping 하지 못해 발생하던 TypeError: 'datetime.date' object is not iterable 를 해결하기 위해서 원래는 # class SomeModel(reflex.Model, table=True): class Config: json_dumps = partial(json.dumps, default=str) 이런식으로 config 에 직접 넣어줬었는데 reflex 로 들어오면서 pydantic 버전을 올렸고, 특정 버전부터 json dumps 가 wrapping 되었다. monkey patching 해서 쓰던 hsol.info 프로젝트에 좋은 신호이다. pydantic.Base 의 js..

it/programming

Reflex.dev / Pynecone 이름이 바뀌었다?, 마이그레이션

2023년 6월에 Reflex라는 이름으로 프로젝트 명이 변경되었다. https://reflex.dev/blog/2023-06-28-rebrand-to-reflex https://reflex.dev/blog/2023-06-28-rebrand-to-reflex reflex.dev This name aligns with our goal of creating a web framework easy and intuitive, while remaining flexible and powerful to support any app. We will continue to grow Reflex as an open source project to include all the features of web development...

it/programming

3. 레이어 구상하기 / Pynecone 으로 내 홈페이지 만들기

https://hsol.tistory.com/993 1. 프로젝트 세팅 / Pynecone 으로 내 홈페이지 만들기 기본적으로 Pynecone 은 Python 기반의 프레임워크다. 각자 다른 의견을 가지고 있겠지만 나는 누가 뭐래도 Python 을 다루는 IDE 는 PyCharm 이 최고라고 생각한다. 시작은 PyCharm 과 함께한다. New Project PyC hsol.tistory.com 프로젝트 세팅 시 기본으로 만들어주는 프로젝트 구조는 다음과 같다. - 프론트엔드 렌더링을 위한 .web 폴더 - static 파일들을 저장하는 assets 폴더 - 백엔드 서버제공을 위한 소스 폴더 - pynecone 설정을 위한 pcconfig.py 실제 프로젝트를 위해서는 여러가지로 보완할 필요가 있다. 우..

it/programming

2. 톺아보기 / Pynecone 으로 내 홈페이지 만들기

톺아보기 Pynecone 에는 다양한 레이어들이 있다. 우선 Pynecone 서버를 총괄하는 "앱" 부터 보자. 앱 앱은 다음과 같은 요소들을 멤버변수로 가진다. 서버 페이지들과 페이지, 컴포넌트 스타일 FastAPI 기반 api 인스턴스 Socket.IO 구성요소들의 인스턴스 프론트와 소켓통신으로 연동되는 페이지 상태 각 페이지 로딩 이벤트들 미들웨어 앱을 초기화하고, 각 메소드들을 호출해 앱을 세팅하고, 앱을 컴파일 시켜 서버를 새로빌드한다. (* production 환경에서는 컴파일 과정이 생략된다.) 그리고 앱이 컴파일될 때는 다음과 같은 작업들이 이루어진다. 데코레이터로 라우팅된 페이지들을 추가 SQLModel 들의 테이블을 db 에 create 프론트엔드 .web 폴더를 새로 빌드 이벤트 핸들..

it/programming

1. 프로젝트 세팅 / Pynecone 으로 내 홈페이지 만들기

기본적으로 Pynecone 은 Python 기반의 프레임워크다. 각자 다른 의견을 가지고 있겠지만 나는 누가 뭐래도 Python 을 다루는 IDE 는 PyCharm 이 최고라고 생각한다. 시작은 PyCharm 과 함께한다. New Project PyCharm 에서 새로운 Pure Python 프로젝트를 생성한다. 여기서 중요한 점, PyCharm 에서 제공하는 개발환경 설정 IDE 에 interpreter 를 물려주며 poetry init 을 시켜주고 해당 poetry 의 가상환경에서 작업할 수 있도록 PyCharm 내부의 terminal 및 interpreter 를 호출할 때에도 poetry venv 를 적용해준다. 내가 가장 좋아하는것, 내 머리 속에 있는 것들을 꺼내는데에 별도 사전작업을 하지 않도..

it/programming

0. 프롤로그 / Pynecone 으로 내 홈페이지 만들기

https://hsol.tistory.com/979 Pynecone.io, 매력적이지만 아직은 아쉬운 힙한 Pynecone을 실 서비스에 사용해 보려다 좌초되어 버린 이야기 프론트엔드, 백엔드, 서비스 호스팅까지 모두 Python을 뽀개버리겠다는 누가 봐도 원대한 꿈을 가진듯한 Pynecone이라는 프레임워크 hsol.tistory.com 지난 3월 초, 위 포스트를 통해 Pynecone 을 처음 접해본 이야기와, 그리고 왜 사용하지 않기로 결정하였는지에 대한 내용을 서술한 적이 있다. 이 시리즈는 이때 언급했던 Pynecone 을 어떻게 사용할지에 대한 내용 중 제품의 랜딩 페이지에 대한 내용이라고 할 수 있겠다. 따라서 이번 포스트는 시리즈물의 첫 단추이다. 이 시리즈에서는 Pynecone 으로 하나..

it/programming

Pynecone.io, 매력적이지만 아직은 아쉬운

힙한 Pynecone을 실 서비스에 사용해 보려다 좌초되어 버린 이야기 프론트엔드, 백엔드, 서비스 호스팅까지 모두 Python을 뽀개버리겠다는 누가 봐도 원대한 꿈을 가진듯한 Pynecone이라는 프레임워크 그리고 그들의 꿈 대로면 누구라도 끌릴만한 특징으로 나 또한 한 발을 담가보았다. 하지만 "pynecone 브랜치"는 일주일도 되지 않아 나만의 작은 보물상자로 고이 들어가게 되었고... 이 글은 Pynecone을 실 서비스에 사용해 보겠다는 일념으로 이리저리 박치기해 보면서 느낀 점을 일기 삼아 정리하는 글이다. Pynecone 소개 물론 이 아이를 알고 온 사람들도 있겠지만 분명 별로 유명하진 않은 녀석이라 모르는 게 당연하다고 생각하고 소개부터 해보련다. Pynecone 은 2022년 11월,..

반응형
훈솔
'pynecone' 태그의 글 목록