분류 전체보기 (290) 썸네일형 리스트형 부트스트랩 사용법 https://getbootstrap.com/docs/5.0/components/buttons/ Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com doctype html> 스파르타코딩클럽 | 부트스트랩 연습하기 이걸로 시작해보죠! Primary 구글 웹폰트 사용하기 Browse Fonts - Google Fonts @import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@700&display=swap'); * { font-family: 'Gowun Batang', serif; } 바로 아래 @import 의 사이값을 넣어주고 (별)* { CSS rules to specify families }로 모두 다 적용해줌. html 코딩 백그라운드 이미지 3종 세트 background-image: url('https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg'); background-position: center; background-size: cover; .mytitle { background-color: green; color: white; width: 300px; height: 200px; border-radius: 10px; text-align: center; padding: 30px 0px 0px 0px; background-image: url('https://www.ancient-origins.net/sites/default/files/field/imag.. 웹 브라우저 기본 원리 01. 웹 브라우저 원리 1) 서버/클라이언트/웹의 동작 개념 (1) 네이버 웹페이지 분석 : 뉴스 부분에 마우스 오른쪽 클릭을 눌러 검사 탭 열어주기 # 검사 탭 - 개발자 도구에서 “뉴스” 이라고 쓰여있는 부분 더블클릭 > “웹크리에이스토리”라고 바꿔쓰고 엔터 (2) 웹의 동작 개념 # 브라우저 : 요청을 보내고, 요청의 답으로 받은 HTML 파일을 그려주는 일 # 우리가 보는 웹 페이지 : _ 모두 [서버]에서 미리 준비해두었다가 “받아서” [브라우저]에서 볼 수 있도록 “그려주는” 역할 수행 # 요청은 서버가 만들어 놓은 API 라는 창구에 미리 정해진 약속대로 요청을 보내는 것 예) 주소 창에 주소를 입력하고 엔터를 입력하는 것 # 우리가 보는 브라우저는 주소를 통해 API로 요청을 보내고, >.. [프로젝트] 팬명록 만들기 01. [팬명록] - 프로젝트 세팅 sparta → proejcts → 05.fan 폴더에서 시작! 1) 문제 분석 - 완성작 보기 : http://myweb.eba-e3azqkqv.ap-northeast-2.elasticbeanstalk.com/ 2) 프로젝트 세팅 - Flask 폴더 구조 만들기 3) 가상환경 생성, 패키지 설치하기 (1) 가상환경 생성, 활성화 # Flask : 만들 프로젝트의 폴더 구조 정해져 있음 05. fan 폴더 구조 05. FAN [파일] |—app.py(서버) > Terminal > New Terminal > python(맥 python3) -m venv venv > 아래 파이썬 버전 venv > 터미널 끄고 새로 켜기 |— venv [폴더] |— templates [파일.. [프로젝트] 버킷리스트 만들기 # [프로젝트 진행하며] [버킷리스트 프로젝트] 수행과정에서 유념해야 할 부분은 1) 프로젝트 진행순서와 2) 어떤 내용이 app.py에 들어가고 어떤 내용이 index.html에 들어가는지 3) 언제 console.log(a) / print(a) / window.location.reload() 찍어주는지 체크하는 것이다. 3회독 [버킷리스트 프로젝트]에서는 이 세 가지에 조금 더 유념하며 프로젝트를 진행하려 한다. [수업 목표] Flask 프레임워크를 활용해 API를 만들 수 있다 [버킷리스트] 프로젝트를 생성해 API를 만들고 클라이언트에 연결한다 [팬명록] 프로젝트를 생성해 API를 만들고 클라이언트에 연결한다 AWS Elastic Beanstalk으로 직접 만든 웹 서비스를 배포한다 01. 5주차.. 웹개발 종합반 2회독 마무리 http://myweb.eba-e3azqkqv.ap-northeast-2.elasticbeanstalk.com/ 아이유 팬명록 아티스트에게 응원 한마디! myweb.eba-e3azqkqv.ap-northeast-2.elasticbeanstalk.com 1회독때 4주차 9단원에서부터 locallhost:5000으로 연결도 안되고 mongoDB로도 넘어가지 않아 애를 먹었는데 이번에는 5주차까지 잘 진행된 것 같다. 중간중간 막히는 부분도 있었지만 구글링하며 해결해나갈 수 있었다. 3회독 목표는 1) 튜터님 강의를 최대한 멈추지 않고 진행해보는 것과 2) 미리 이해한 부분은 진행해보는 것. 이 2가지를 중심으로 진행해보려 한다. 영화 url & 이미지 오류 지난번 1회독때 mongoDB로 넘어가지 않는 오류가 있었는데 이번에는 그 부분은 잘 넘어갔고 네이버영화 링크가 자동으로 뜬다고 하셨는데 뜨지 않아서 튜터님 링크 따라 치긴 했는데 네이버 화면이 리뉴얼 된 건지 링크도 변환되었고 4주차 모든 작업 마쳤지만 이미지는 넘어오지 않았다. 답안 코드와 비교해서 코드 확인해 보았을때 vs-code를 잘못입력한 것 같진 않고, (내 app.py 코드) from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.kjechbb... flask 오류인가, app.py오류인가? 웹개발 종합반 [4주차 4-3]에서 app.py 터미널에 pip install flask 라고 입력해주고 엔터를 눌러주니 터미널에 이런 코드가 떴다. app.py에 [코드스니펫] flask 시작 코드를 집어넣자, 뭔가 오류가 있다고 app.py 옆에 1이 떴다. (내 app.py) (튜터님 app.py) 내 코드에 flask는 흰색인데 튜터님 flask는 초록색인것을 보니 flask가 활성화가 안된 것 같은데, 다시 pip install flask 찍어봐도 현상은 그대로다. 아래 문제가 있다고 뜨는데 어떻게 해결해야할지 모르겠다. 구글링해보니 pip install requests 해보라고 해서 찍고 터미널 다시 켜니 일단 flask는 활성화된 것 같다. 그런데 터미널에 뜬 WARNING이 상당히 찜찜하다.. 개발 블로그 개설 #1 항해99_웹개발자 과정 도전 #2 첫 오류 : 1회차때 3주차 3-14 (내 hello.py_입력값) import requests from bs4 import BeautifulSoup URL = "https://movie.daum.net/ranking/reservation" 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') lis = sou.. 이전 1 ··· 26 27 28 29 다음
