본문 바로가기
반응형

pynecone11

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.
reddit에 pynecone 개발진이 직접 작성한 글 아래의 글은 지난달 레딧에 올라온 파인콘의 소개글입니다. 공식 홈페이지에서도 확인할 수 있지만, pynecone을 제작하게 된 계기와 특징을 잘 설명해 주고 있습니다. Hello, we just launched the alpha release of Pynecone - a way to build full-stack web apps in pure Python. The framework is easy to get started with even without previous web dev experience and is completely open source / free to use. 안녕하세요, 우리는 순수 Python으로 풀 스택 웹 앱을 구축하는 방법인 Pynecone의 알파 릴리스를 방금 출시했습니다.. 2023. 1. 19.
pynecone을 고작 이 두 사람이 만들고 있다고? pynecone에 버그가 너무 많아 답답해서 최근 pynecone 프레임워크에 푹 빠져 공부도 하고 포스팅을 작성하고 있는데, 버그가 너무 많아서 답답하기도 하고 짜증이 났습니다. 공식문서도 부족해 보이고.. 해외 포스팅도 거의 없는 상태... 그래서 이슈라도 끄적이러 깃헙에 들어갔다가, 이슈가 어마어마하게 쌓이고 있는 걸 보고는 되려 미안한 마음과 함께 이들에 대한 궁금증이 생겼습니다. 도대체 누굴까? 이런 프레임워크를 만드는 사람들은? 그리고 구글링을 하다 우연히 재미있는 영상을 발견했습니다. 3개월 전, 2022년 9월에 업로드 된 영상이고, 조회수는 300여회, 구독자는 5명인 Nikhil Rao라는 쪼렙 채널이었습니다. pynecone-io 공동설립자인 Alek Petusky(좌)와 Nikhil.. 2023. 1. 19.
Pynecone tutorial: Todo앱을 만들어봅시다. 지난 포스팅에서는 터미널에서 pc run을 실행하여 pynecone 프로젝트를 초기화할 때 생성되는 프로젝트의 구조에 대해 간략히 훑어보았습니다. 이번에는 본격적으로 react의 hello world로 불리는(?) todo앱을 pynecone으로 시작 단계부터 간단히 구현해보겠습니다. 우리가 만들 todo앱은 아래와 같은 모습입니다. 아쉽게도 on_key나 on_enter 같은 키보드입력 이벤트는 아직 pynecone에 구현되어 있지 않습니다. 투두리스트에 할 일을 추가할 때 버튼을 클릭하지 않고 엔터키를 누르면 바로 할 일이 추가될 수 있도록 하여 사용자 경험을 개선하고자 하는 제안들이 많이 있고, 개발진에서도 바로 다음 릴리즈에서 추가하겠다고 하니, 빠른 업데이트를 기다려봅니다. 출처 : Input .. 2023. 1. 19.
pynecone 프로젝트의 구성파일 및 구조 django를 배우기 시작한지는 7년 정도 된 것 같습니다. 당시에는 데이터분석이나 머신러닝보다는 바로 django 때문에 파이썬을 배우는 사람들이 많았던 분위기였습니다. 저도 다른 언어나 프레임워크를 배울 때와 다르게 django를 배울 때에는 시작부터 어딘지 마음이 든든했습니다. "나를 위한 모든 것이 이미 준비된" 느낌이었으니까요. django는 프로젝트 구조가 다소 복잡하지만, 어느 정도의 진입장벽만 넘고 나면 배우면 배울수록 "개발한다"기보다는 "발견한다"는 짜릿한 느낌이 있었습니다. 하지만 자랑이라도 하듯 600쪽이 넘는 방대한 분량의 공식문서는 엄청난 기능들과 편의성에도 불구하고, 아이러니하게 "부담"으로 다가왔습니다. 7년이 지난 지금도 입문 수준을 벗어나지 못했습니다. 그리고 정반대의 이.. 2023. 1. 18.
파인콘 첫 번째 예제, 카운터 앱 카운터 앱 만들어보기 파인콘의 공식문서에서 제공하고 있는 첫 번째 예제, 카운터 앱을 같이 만들어봅시다. 전체 소스코드와 영문 설명은 아래 링크의 문서에서 확인하실 수 있습니다. https://pynecone.io/docs/getting-started/introduction 전체 소스코드를 먼저 보여드리기보다는;;; 같이 틀을 잡아가면서 한 줄씩 완성해봅시다. 파인콘 앱과 인터랙션에 대해 이해하는 좋은 예제이기 때문입니다. 1. 파인콘 앱을 추가해줍니다. 앱을 추가하는 것이 복잡한 과정은 아닙니다. 그냥 폴더 하나, 파일 하나 생성하는 것에 지나지 않습니다. 이전 포스팅에서 예제를 테스트하면서 파이참 프로젝트를 생성하셨던 분들이라면 굳이 파이참 프로젝트를 하나 더 생성하지 마시고, 아래와 같은 과정을 통.. 2023. 1. 17.
파인콘 웰컴페이지 소스 훑어보기 소스코드는 아래와 같습니다. 간단해 보이지만 파인콘의 핵심이 되는 요소들이 전부 들어가 있으므로 프로젝트 구조와 더불어 이 코드를 한 번 훑어보는 것은 큰 도움이 될 것 같습니다. """Welcome to Pynecone! This file outlines the steps to create a basic app.""" from pcconfig import config import pynecone as pc docs_url = "https://pynecone.io/docs/getting-started/introduction" filename = f"{config.app_name}/{config.app_name}.py" class State(pc.State): """The app state.""" pass.. 2023. 1. 17.
반응형