본문 바로가기

분류 전체보기

 (102)
[7] streamlit toggle 이용한 form 자동완성 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 유저가 처음 페이지에 진입했을 때, 폼이 텅 비어있으면 어떻게 채워야 할지 당황스럽겠죠? 이번 챕터에서는 streamlit toggle을 이용해서 미리 정의한 데이터로 폼을 자동완성하는 기능을 구현해보겠습니다. 데이터 준비 먼저 폼을 자동으로 채워줄 예시 데이터를 준비하겠습니다. example_pokemon = { "name": "알로라 디그다", "types": ["땅", "강철"], "image_url": "https://storage.googleapis.com/firstpenguine-coding-school/pokemons/alora_digda.webp" } st.toggle toggle은 쉽게 말해서 껐다 켰다 할 수 있..
[6] streamlit session state 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 이번 챕터에서는 session state를 이용해서 데이터를 관리하는 방법을 배워보겠습니다. streamlit session state streamlit session state는 페이지가 살아있을 때, 데이터를 저장하는 일종의 딕셔너리입니다. streamlit session state 문서: https://docs.streamlit.io/library/api-reference/session-state streamlit이 공식적으로 제공하는 설명 영상이 상당히 자세해서 정확히 이해하고 싶으신 분들은 한번 보시기를 추천합니다. 간단히 요약하면 session state를 사용하면 streamlit에 의해서 페이지가 리로딩 될 때에도 ..
[5] streamlit form으로 데이터 추가하기 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 이번 챕터에서는 streamlit form을 이용해서 유저의 입력을 받아서 포켓몬을 추가하는 기능을 구현해보겠습니다. streamlit form streamlit form은 유저의 입력을 받는 폼을 구성할 수 있는 기능입니다. 공식 문서에 코드 사용법과 예시 화면이 나와있습니다. streamlit form 문서: https://docs.streamlit.io/library/api-reference/control-flow/st.form 텍스트 입력, 숫자 입력, 슬라이드 바, 체크 박스 등등 다양한 데이터를 입력하는 위젯을 제공하고 있으며, with문으로 사용할 수 있습니다. streamlit form은 반드시 Submit 버튼을 ..
[4] streamlit columns 이용한 위젯 배치 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 데이터 준비 그 전에, 여러마리 포켓몬들을 화면에 그리려면 데이터가 필요하겠죠? 총 여섯마리 포켓몬의 이름과 속성, 이미지 URL를 복사해서 코드에 붙여넣고, 기존에 pokemon 변수는 지워주겠습니다. pokemons = [ { "name": "피카츄", "types": ["전기"], "image_url": "https://storage.googleapis.com/firstpenguine-coding-school/pokemons/pikachu.webp" }, { "name": "누오", "types": ["물", "땅"], "image_url": "https://storage.googleapis.com/firstpenguine-..
[3] streamlit 기본 위젯 사용법 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 이번 챕터에서는 streamlit 위젯을 이용해서 화면 상에 포켓몬을 그려보도록 하겠습니다. 데이터 준비 그 전에, 포켓몬을 화면에 그리는데 필요한 타입 정보와 포켓몬 정보를 복사해서 코드에 붙여넣겠습니다. 그리고 “누오”라는 포켓몬의 이름과 타입, 이미지 URL을 붙여넣겠습니다. type_emoji_dict = { "노말": "⚪", "격투": "✊", "비행": "🕊", "독": "☠️", "땅": "🌋", "바위": "🪨", "벌레": "🐛", "고스트": "👻", "강철": "🤖", "불꽃": "🔥", "물": "💧", "풀": "🍃", "전기": "⚡", "에스퍼": "🔮", "얼음": "❄️", "드래곤": "🐲", "..
[2] streamlit 개발환경 셋팅 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 파이썬 개발환경 셋팅 IDE 설치 먼저 python 개발환경을 셋팅하겠습니다. IDE로는 pycharm을 사용하는데, vscode 같은 다른 IDE를 사용하셔도 무방합니다. 다만, jupyter notebook은 강의 내용을 따라오는데 무리가 있으니, 다른 IDE를 사용하는 것이 좋습니다. pycharm을 사용하고 싶은데 어떻게 설치하는지 잘 모르시겠는 분들은 아래 포스팅을 참고해주세요. ⚙️ pycharm IDE 설치 프로젝트 생성 처음 pycharm을 실행하면 프로젝트부터 생성해야합니다. New Project 버튼을 눌러서 프로젝트를 생성할 수 있습니다. 그 다음, 프로젝트 위치를 설정하고 개발에 사용할 python inter..
[1] streamlit 소개 및 장단점 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 이번 챕터에서는 streamlit이 무엇인지 소개하고 장단점을 짚어보겠습니다. 그리고 실습으로 진행할 프로젝트를 소개합니다. streamlit 소개 streamlit은 python 만으로 웹 개발을 할 수 있는 기술 스택입니다. 기존에 html, css, javascript로 웹 프론트엔드를 개발한 경험이 전혀 없다 하더라도, python 만으로 실제 동작하는 웹 서비스를 개발할 수 있습니다. 배우기가 무척 쉽고, 강력해서 많은 python 개발자들의 사랑을 받고 있습니다. 아래는 이번 과정에서 python 만으로 직접 개발해볼 실습 프로젝트입니다. html, css, js를 한줄도 작성하지 않고도 그럴듯한 웹 서비스를 만들 수 ..
블로거들의 시간을 아껴줄 AI 서비스, 블로그 매직✨ 서비스 소개 ✨ 블로그 매직 사용해보러가기 🍽️ 블로그 매직으로 제작한 작성한 맛집 리뷰 ▶️ 소개 영상 안녕하세요! 퍼펭스쿨입니다. 이번 포스팅에서는 블로거 분들의 시간을 아껴드리는 서비스를 하나 소개하겠습니다. 바로 제가 직접 개발한 블로그 매직입니다. 요즘 부업으로 블로그 하시는 분들 많이 계실텐데요, 저도 블로그를 운영해봤지만 포스팅 하나 쓰는게 여간 에너지가 많이 들어가는 일이 아닙니다. 블로그를 키우려면 포스팅을 자주 올려야하는데, 하나 올리는게 너무 힘들다보니 금방 포기하게 됩니다. 이런 블로거 분들의 고충을 덜어드리고자 블로그 매직을 개발해봤습니다. AI의 도움을 받아서 빠르게 포스팅을 만들고, 자주 업로드해서 부수입을 극대화시켜보세요! 사용방법 ✨ 블로그 매직 사용해보러가기 블로그매직 웹..

티스토리툴바