PROJECT 1-(3) 화면 2분할로 나누어 표현 & 하이퍼링크 표시하기

 

 

 

다음과 같은 화면을 표현하고자 한다.

 

 

 

 

 

필요한 임포트를 해주고,

python

닫기

import streamlit as st
from PIL import Image #파이썬 이미지 라이브러리 PIL

 

 

 

하이퍼링크 표시하기

 

st.markdown("[표현할문구](주소)") 하면, 주소를 바로 클릭하여 이동하게 할 수 있다.

 

 

 

 

화면 2분할 하기

col1, col2 = st.columns([왼쪽구역 넓이비율,오른쪽구역 넓이 비율])

 

with col1 :

      col1에 들어갈 내용

 

with col2 :

      col2에 들어갈 내용

 

이렇게 작성하면 2분할 표시가 가능하다.

 

python

닫기

def run_home() :
​​​​
​​​​# 화면을 2분할 하여 스크롤을 내리지 않고 함께 출력하게 할 것이다
​​​​col1, col2= st.columns([2.3, 2])  
​​​​
​​​​with col1 :
​​​​​​​​
​​​​​​​​# 전체 프로젝트에 대한 설명
​​​​​​​​
​​​​​​​​st.title('Predicting Stock of Korea')
​​​​​​​​st.subheader(' ')
​​​​​​​​st.text('데이터 출처 : FinanceDataReader라이브러리')
​​​​​​​​st.markdown("[github.com/FinanceData/FinanceDataReader](https://github.com/FinanceData/FinanceDataReader)")
​​​​​​​​st.text('데이터는 라이브러리에서 실시간으로 반영됩니다!')
​​​​​​​​st.subheader(' ')
​​​​​​​​st.text('국내 주식을 검색하면 보여주고, 기업코드를 입력하면 기업의 미래 1년치 주식가치를 ')
​​​​​​​​st.text('프로펫(prophet)라이브러리를 사용하여 예측하고 년,월,주간의 주가 흐름을 그래프로 나타내었습니다')
​​​​​​​​st.text('비교적 안정적인 리턴(return)을 가져오는 국내 ETF 주식을 ')
​​​​​​​​st.text('이자율(EarningRate)을 중심으로 비교하였습니다')        
​​​​​​​​st.subheader(' ')
​​​​​​​​
​​​​​​​​# 메인 화면에 넣을 사진
​​​​​​​​img = Image.open('./stock1.png')  
​​​​​​​​st.image(img, width=650)
​​​​​​​​​​​​
​​​​​​​​​​​​
​​​​with col2 :
​​​​​​​​
​​​​​​​​# 목차
​​​​​​​​
​​​​​​​​st.header(' ')
​​​​​​​​st.header(' ')
​​​​​​​​st.header(' ')
​​​​​​​​st.header('- 목차 -')
​​​​​​​​st.subheader('')
​​​​​​​​
​​​​​​​​st.subheader('Ⅰ. 주식정보 보기')
​​​​​​​​st.subheader(' : Viewing stock information')
​​​​​​​​st.text('기업 Name을 입력받아 기업 주식에 대한 정보를 dataset으로 불러옵니다')
​​​​​​​​st.subheader('')
​​​​​​​​
​​​​​​​​st.subheader('Ⅱ. 주식가치 예측')
​​​​​​​​st.subheader(' : Predicting stock value')
​​​​​​​​st.text('주식데이터를 prophet(프로펫) 기법을 사용하여')
​​​​​​​​st.text('미래 1년치 주식가치를 예측합니다')
​​​​​​​​st.subheader('')
​​​​​​​​
​​​​​​​​st.subheader('Ⅲ. 국내 ETF 주식가치비교')
​​​​​​​​st.subheader(' : Comparing domestic ETF stock valuations')
​​​​​​​​st.text('안정적인 return을 가져오는 국내 ETF주식을 종목별(카테고리별)로 비교합니다')

 

 

 

 

이미지 삽입하기

 

아래와 같은 사진을 넣고싶을 때에는

 

from PIL import Image   #파이썬 이미지 라이브러리 PIL를 임포트하고

 

img = Image.open('./stock1.png')   # ./는 현재위치에 있다는 말이다.  만약 상위폴더로 이동하고자 한다면 ../를 사용한다
st.image(img, width=사진크기지정)

 

만일, 이미지를 화면에 꽉 차게 만들고 싶다면   st.image(img, use_column_width=True) 하면 된다.