2022/08 4

[Streamlit] 사용하여 python으로 간단하게 웹 페이지 만들기

Streamlit 이란? 웹기술 없이 데이터 중심의 웹애플리케이션을 만들 수 있는 웹 프래임워크 1. 설치하기 vscode에서 새로운 터미널 열어주고 streamlit 설치 → python3 -m pip install streamlit 📌 주의) python 콘솔에 치지 않도록 주의 2. 구동 준비 1) Raw data main.py 생성해주고 view = [300,200,100,500] view 터미널창에 python3 -m streamlit run main.py 이메일 입력해주고 실행하면 아래와 같은 결과를 받을 수 있음 2) Table로 보기 import streamlit as st view = [300,200,100,500] st.write('# raw data') view st.write('# ..

Language/python 2022.08.04

CSS 링크 밑줄 없애기/ 글씨 크기 조절/색깔 바꾸기/밑줄 치기/ 줄 삽입

CSS css는 꾸미기 위해서 탄생함. 크기조절 링크 밑줄 없애기 색깔 바꾸기 밑줄 치기 밑에 줄 삽입 1. 크기조절 크기는 조절되나, h1에 수식어가 많이 입력되는 것이 조금 불편함⋯ ⇒ style을 한번에 관리해주기로 함 (2번에서 사용법 나옴) 2. 링크 밑줄 없애기 html html 부분만 링크 밑줄이 없는 것을 확인할 수 있음. ⇒ 하지만 모든 값마다 이렇게 일일히 꾸미는 형태를 지정해주는 것이 어렵기 때문에 관리하기 쉽게 전체 태그를 지정해서 관리해주기로 합니다! 한번에 적용하기 css로 관리하는 방법은 사이에 여기서 a는 a 태그를 의미함! 즉, 3개에 영향을 모두 미침 한번에 전부 바뀐 것을 확인 가능! 3. 색깔 바꾸기 style = color:원하는 색상; 4. 밑줄치기 text-dec..

STUDY 📖/WEB 2022.08.03

Github 웹사이트 배포하기

✔️ 깃허브 저장소를 만든 후에 저장소 안에 어떤 것이라도 html 우선 하나 올려져 있는 상태여야 함 1. Setting > Pages > branch None → main 2. Action 에서 배포되는 과정 확인하기 시간이 조금 소요된다⋯ 차분히 차분히 기다리기!! 초록색 체크가 뜨면 완료된 것임! 3. 페이지 들어가 보기 두 개 중에 선택해서 페이지에 접속하면 된다. Action > pages build and deployment > deploy 의 웹주소 클릭 Setting > pages > 초록창 주소 클릭

STUDY 📖/WEB 2022.08.03

HTML 기본

HTML 기본 문법 1. 태그 콘텐츠를 설명함. World Wide WEB 링크 hyper text 라고도 함 : 링크를 고급지게 표현 최계 최초의 웹페이지 : http://info.cern.ch/ First web title 일반적으로 head 태그 아래에 위치함. WEB1 사이트의 이름을 지정해 줄 수 있음 heading 본문 내의 제목을 의미함. This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 list 목록을 표현함. 순서가 있는 경우 ol(ordered list) 순서가 없는 경우 ul(unordered list) 기본 홈페이지로 돌아오는 링크 삽입 2...

STUDY 📖/WEB 2022.08.03