본문 바로가기

분류 전체보기

 (102)
[20] 쇼츠 대본 생성기 - UI 개발하기 들어가며 🏫 전체 강의 영상 youtube 📄 쇼츠 대본 생성기 사용해보기 📎 쇼츠 대본 생성기로 만든 쇼츠 영상 ▶️ 강의 영상 유튜브 이번 챕터에서는 유튜브 쇼츠 대본 생성기를 웹 서비스로 만들어보겠습니다. 양이 많지 않아서, 웹 페이지 개발과 chatGPT API 연동을 같이 진행하겠습니다. 페이지 소개 먼저 제목과 페이지를 소개하는 문구를 작성하겠습니다. import streamlit as st st.title("유튜브 쇼츠 대본 생성기") st.text("네이버 연예 뉴스 URL을 넣어주면 유튜브 쇼츠용 대본을 생성합니다.") 폼 추가하기 그 다음 뉴스 기사 URL을 입력하는 폼을 만들어 줍니다. 제출 버튼을 눌렀을 때, URL이 입력됐는지 체크하고, 만약 비어있거나 네이버 연예뉴스 URL이 아..
[19] 쇼츠 대본 생성기 - 프롬프트 엔지니어링 들어가며 🏫 전체 강의 영상 youtube 📄 쇼츠 대본 생성기 사용해보기 📎 쇼츠 대본 생성기로 만든 쇼츠 영상 ▶️ 강의 영상 유튜브 이번 챕터에서는 쇼츠 대본 생성기 프로젝트의 프롬프트를 작성해보겠습니다. 주피터 노트북을 열고 따라와 주세요! chatGPT API 사용 먼저 환경변수를 이용해서 api key를 설정해주겠습니다. 그 다음, 이전 시간에 공통화 해놓은 함수를 import해서 사용해보겠습니다. import openai import os openai.api_key = os.environ["OPENAI_API_KEY"] 그 다음 미리 짜둔 공통 함수를 import 하겠습니다. from common import request_chat_completion, print_streaming_respo..
[18] 쇼츠 대본 생성기 - 크롤러 개발 들어가며 🏫 전체 강의 영상 youtube 📄 쇼츠 대본 생성기 사용해보기 📎 쇼츠 대본 생성기로 만든 쇼츠 영상 ▶️ 강의 영상 유튜브 이번 챕터에서는 쇼츠 소재로 사용할 뉴스 기사 URL이 주어지면 본문을 읽어오는 간단한 크롤러를 개발해보겠습니다. jupyter notebook을 열고 천천히 따라와주세요! 사용할 뉴스 기사 출처 네이버 연예 뉴스에서 쇼츠의 소재로 사용할 기사를 가져오겠습니다. 최신 뉴스 탭으로 이동해보면 쇼츠 소재로 사용할 만한 먹잇감🍖들이 보입니다. 기사를 하나 선택해보겠습니다. 뉴스 본문으로 이동해서 우클릭 한 다음, 검사를 눌러보겠습니다. 네이버 연예 뉴스의 본문은 articleBody라는 id 값을 가진 태그 안에 들어있습니다. 이를 이용해서 이제 뉴스 기사 URL이 주어지면..
[17] 쇼츠 대본 생성기 프로젝트 소개 들어가며 🏫 전체 강의 영상 youtube 📄 쇼츠 대본 생성기 사용해보기 📎 쇼츠 대본 생성기로 만든 쇼츠 영상 ▶️ 강의 영상 유튜브 서비스 소개 바야흐로 숏폼 비디오 전성시대입니다. 유튜브 쇼츠, 틱톡, 인스타 릴스 등 숏폼 비디오 플랫폼들이 등장하면서 1분 내외 영상들이 대세가 되었습니다. 영상의 길이가 짧아지면서 영상 제작의 난이도가 줄어들었고, 많은 분들이 숏폼 비디오 제작에 뛰어들었습니다. 그런데 매번 쇼츠 형식의 컨텐츠를 준비하는 것은 무척 힘들겠죠? 더군다나 새로운 소재를 발굴하는 것도 많은 수고가 들어갈겁니다. 이런 크리에이터들의 고충을 덜어주고자 chatGPT를 이용해서 숏폼 비디오를 쉽게 제작할 수 있는 쇼츠 대본 생성기 프로젝트를 만들어 보았습니다. 뻔한 대본이 생성되는 것을 막기..
[16] 자기소개서 도우미 - UI, chatGPT API 연동하기 들어가며 🏫 전체 강의 영상 youtube 🧑‍💼 자기소개서 도우미 사용해보기 ▶️ 강의 영상 유튜브 이전 시간에 작성한 자소서 도우미 UI에 chatGPT API를 연동해서 완성해보겠습니다. 프롬프트 작성 먼저 프롬프트 템플릿을 복사해오겠습니다. prompt_template = """ 기업 입사용 자기소개서를 작성해야합니다. 답변해야하는 질문과 이에 관련된 유저의 경험을 참고해서 자기소개서를 작성해주세요. 문단별로 소제목을 작성해주세요. 반드시 {max_length} 단어 이내로 작성해야 합니다. --- 지원 회사: {company} 지원 직무: {position} 질문: {question} 관련 경험: {experience} --- """.strip() 그 다음, submit 버튼을 누르고 예외처리..
[10] streamlit 서비스 배포하기 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 이번 챕터에서는 지금까지 개발한 포켓몬 도감 서비스를 streamlit cloud를 이용해서 웹 상에 배포해보겠습니다. github repository 생성 github: https://github.com/ 서비스를 배포하려면 우선 소스코드를 github 상에 업로드 해야합니다. 먼저 github로 이동해서 회원 가입 후에 레포지토리를 하나 만들어보겠습니다. streamlit-pokemon라는 이름으로 public repository를 하나 만들어주겠습니다. Add a README file을 체크해주겠습니다. 소스코드 업로드 레포지토리를 만든 뒤에 소스코드를 업로드해주면 됩니다. git에 익숙하신 분들은 해당 레포지토리를 원격 저..
[9] streamlit custom CSS 적용하기 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 이번 챕터에서는 streamlit에 직접 코딩한 CSS를 적용하는 방법을 배워보겠습니다. 다만 웹 프론트엔드 관련 지식이 필요하고, CSS를 직접 코딩해야하므로 너무 어려우신 분들은 스킵하셔도 무방합니다. st.markdown으로 CSS 적용하기 streamlit에서 custom CSS를 적용하기 위해서는 st.markdown으로 """, unsafe_allow_html=True) 이제 브라우저의 개발자 도구를 이용해서 스타일을 적용하고 싶은 태그를 확인하고, CSS를 적용하면 됩니다. title 색깔 변화 먼저 title 텍스트를 빨간색으로 바꿔보겠습니다. CSS를 적용하기 위해서 먼저 검사를 이용해서 태그 정보를 확인하겠습니다..
[8] streamlit button 이용한 데이터 삭제 들어가며 🏫 전체 강의 영상 📕 포켓몬 도감 실습 프로젝트 ▶️ 강의 영상 이번 챕터에서는 streamlit button을 이용해서 등록되어 있는 포켓몬을 삭제하는 기능을 구현해보겠습니다. streamlit button streamlit button 문서: https://docs.streamlit.io/library/api-reference/widgets/st.button streamlit button은 버튼 UI를 간단하게 구현할 수 있고, 눌렀을 때 동작을 조건문으로 작성할 수 있습니다. 삭제 버튼 UI 추가 포켓몬 속성 텍스트 밑에 삭제 버튼을 추가해주겠습니다. 이 때, 반드시 key 값을 설정해주어야 합니다. use_container_width 옵션은 True로 설정해서 버튼의 너비를 조정하겠습니..

티스토리툴바