Flask/웹개발4 [GPT] 웹개발 4주차 | Flask & DB Flask 폴더 구조 Project 폴더 구조 - - - Project |— venv |— app.py (서버) |— templates |— motto.html (클라이언트 파일) |— music.html (클라이언트 파일) 1. URL 주소에서 데이터 가져오기 ex) 인스타그램 주소에 따라서 데이터가 변경됨. https://www.instagram.com/iamrtanny/ -> 르타니 계정 https://www.instagram.com/jung_mmmmin -> 내 계정 * 주소에 따라 메인 화면 인사말 바꾸기 @app.route("/iloveyou//") -> 이곳의 name 과 def iloveyou(name): -> name을 받아서 쓰는 것 motto = f"{name}야 난 너뿐이야..." .. 2023. 10. 15. [GPT] 웹개발 3주차 | Python 크롤링 1. BeautifulSoup import requests from bs4 import BeautifulSoup URL = "https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8&query=날씨" headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get(URL, headers=headers) soup = BeautifulSoup(data.text, 'html.parser') # 선택.. 2023. 10. 15. [GPT] 웹개발 2주차 | Javascript&JQuery JavaScript 1. 컴포넌트 선택 및 텍스트 변경 // myElement id값을 가진 컴포넌트를 선택 const myElement = document.querySelector('#myElement') // 선택한 요소의 텍스트 내용을 변경 myElement.textContent = '새로운 내용' 2. 버튼 이벤트 활용하여 함수 실행 jQuery 1. jQuery 를 사용하기 위해 import 필요 2. forEach 문 이외에 해당 요소의 값 변경 function checkResult() { let fruits = ['사과','배','감','귤','수박'] $('#q1').empty() fruits.forEach((fruit)=>{ let temp_html = `${fruit}` $('#q1').. 2023. 10. 15. [GPT] 웹개발 1주차 | HTML&CSS Block / inline 구조 * 기본적으로 HTML 태그는 Block/inline 으로 나뉘어있다. - Block 속성 태그는 1줄 모두 차지하며 위에서 아래로 쌓입니다. - inline 속성은 글자처럼 가로로 배치된다. Flex * 기본적인 배치 흐름이나, 위치를 조정할 수 있다. ( display: flex; css 추가 ) * justify-content : 주축 방향(화살표 머리)으로 배치할 수 있다. * justify-contnet: center; : 주축이 가로니까 가로로 배치된다. align-item * 교차축(주축의 90도)로 정렬된다. bootstrap 1. 시작 템플릿 HTML 삽입 미리보기할 수 없는 소스 * 안에 추가 : * 태그 안에 추가 : 2023. 10. 15. 이전 1 다음