Byte의 발자취

streamlit을 이용해 웹화면을 구성할때 이모티콘을 넣어서 꾸미고 싶다면 해당 사이트를 참고해서 이모티콘 문구를 텍스트 우측에 넣어주면 이미지로 출력됨참조 링크 : https://streamlit-emoji-shortcodes-streamlit-app-gwckff.streamlit.app/ A faster way to build and share data appsApp showing all the emoji shortcodes supported by Streamlitstreamlit-emoji-shortcodes-streamlit-app-gwckff.streamlit.app  Shortcodes 문구를 그대로 복사붙여넣기 해주면된다! 갯수가 몇만개가 넘어가기 때문에 대략적인 원하는 이미지 단어를 아는..

1. Visual Studio Code 다운로드 및 설치2. VSC 안에서, python extension 설치3. Github.com 가입4. Github Desktop 다운로드 및 설치5. Github 에서 repository 생성6. repository 에서 녹색버튼 눌러서 Github Desktop 으로 clone7. 내 local repository 를 VSC로 열어서 코드 작성 # Streamlit 설치는 사이트에 설치방법이 있다! 아니면# pyhon 패키지 -pypi.org를 이용해도 된다! 1. 아나콘다 설치2. 아나콘다 프롬포트 실행3. 파이썬 가상환경 설치4. 깃허브닷컴 계정 생성5. 깃허브 레파지토리 생성6. 비주얼 스튜디오 코드 설치7. 비주얼 스튜디오 코드에서 git 연동하기 위해..

# Matplotlib 차트에 한글이 깨지던것과 동일하게, 리눅스 서버 Web 화면에 streamlit 차트를 출력시키는 경우에도 한글이 깨지는걸 볼수 있다. # 이런 경우 리눅스 서버에 직접 한글 폰트를 설치하여 압축 해제후 적용시켜줘야 한글이 깨지지 않고 출력된다.# AWS의 EC2 서버를 사용한다는 가정하에 폰트 설치부터 적용까지 진행 # 우선 Putty로 한글을 출력시킬 리눅스 서버 진입 (터미널) # 폰트 관리 유틸리티 설치sudo yum install fontconfig  # 네이버 나눔 폰트 다운로드 (명령어로 링크까지다 복사해서 붙여넣고 실행해야함)curl -o nanumfont.zip http://cdn.naver.com/naver/NanumFont/fontfiles/NanumFont_T..

# 기본적으로 모든 코드들은def main() :if __name__ == '__main__' :    main()ㄴ 이 기본형식 안에서 쓰여저야 실행된다. 혹시 실행이 되지 않을경우 하단에 마무리 코드를 적지 않았는지 확인! # 웹 화면에 실행 확인은 생성한 파일명이나 혹은 연동한 app을 서버로 실행하여야 함.# 터미널을 cmd로 열어 & streamli lit run 실행시킬서버명칭.py 로 실행후 always rerun 후 확인 # import# 이미지/동영상/음악파일을 화면에 보여주는 방법import streamlit as st# 이미지 처리를 위한 라이브러리from PIL import Image 1) image 를 직접 다운받아서 보여주는 방법def main() :    # 1. 저장되어있는 ..

# 기본적으로 모든 코드들은def main() :if __name__ == '__main__' :    main()ㄴ 이 기본형식 안에서 쓰여저야 실행된다. 혹시 실행이 되지 않을경우 하단에 마무리 코드를 적지 않았는지 확인! # 판다스 데이터 프레임을 웹 화면에 보여주는 방법import streamlit as stimport pandas as pddef main():    df = pd.read_csv('./streamlit/data/iris.csv')    # 프린트함수는 디버깅용    print(df)    st.dataframe (df) # 하단 터미널에 데이터 프레임 출력확인되고, 서버 실행 # 해당 문구는 app3.py로 생성하여 작성하였으므로$ streamlit run app3.py # We..

- 앱 대시보드 개발은 기본적인 데이터가공 외에는 모두 VScode와 Git Desktop을 사용하여 작업- 세팅은 이전글 참고 : https://sorktjrrb.tistory.com/78 GitHub & Desktop 시작 (앱 대시보드 개발을 위한 환경 구성)# 본격적으로 가공된 데이터를 앱대시보드에 보여주기 위해서 작업의 용이성을 위해 GitHub를 사용하는것이 좋다.# 실무적으로 거의 필수적으로 사용한다고 하니 미리 가입을 해두는것이 좋음.#sorktjrrb.tistory.com # 가장 기본적으로 페이지를 만들때 생성하는 파일명은 파일명.py 로 생성 # 서버를 실행할때는 TERMINAL을 CMD로 실행하여 명령어 입력$ streamlit run app.py # 파일 명칭은 작업자가 정하는것이..

(5) Streamlit 실행 시 Port 처리하는 방법과 EC2 방화벽 설정 # 처음 생성하였던 본인의 EC2 인스턴스 화면으로 가보자# 체크 후 보안 항목을 가보면 처음에는 인바운드 규칙에 SSH 22번 port 프로토콜만 존재하는것을 확인할수 있다. # 첨부한 이미지처럼 이전 putty 가상환경에서 생성되었던 url port로 진입할수 있도록 추가해 주어야 한다. # 보안 그룹 추가 화면으로 진입  # 인바운드 규칙 편집화면으로 진입 # 유형은 사용자 지정 TCP 포트 범위는 url에 제일 끝 포트넘버 소스는 Anywhere IPv4로 설정후 규칙 저장! # 인바운드 규칙에 생성된 포트 확인# 이렇게 규칙으로 해당 포트를 허용해 주면 해당 포트넘버로 들어오는 접속은 방화벽을 해제해 주는것 # 이후 ..