본문 바로가기

전체 글400

[4주차] 웹개발 종합반 개발일지 > 플라스크 서버 깔아주기 (라이브러리라고 생각하기) 👇👇👇 flask 기본코드 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) templates는 html파일이 담기는 곳 static은 이미지나 css 파일이 담긴다 > 서버를 돌리고 웹페이지가 실행되는건 ‘서버가 나에게 준거임' >본격 api만들기 * 제이쿼리를 임포트해야 에이작스를 사용할 수 있다. 1) 제이쿼리 임포트 2) script 안에 함수 만들어서 아래 내용 넣어줌 $.ajax({ type: "GET.. 2022. 10. 25.
[3주차] 웹개발 종합반 개발일지 크롤링? 크롤링(crawling)은 '기다'라는 뜻의 crawl의 명사형인데, 소프트웨어와 같은 무언가가 인터넷을 돌아다니며 정보를 수집해 오는 작업을 의미 html을 크롤링해서 가져왔다쳐도, 그 안에서 내가 추출하고 싶은 부분을 어떻게 쉽게 뽑아낼 수 있냐 => beautifulsoup이라는 라이브러리! import requests from bs4 import BeautifulSoup 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('https://movie.na.. 2022. 10. 23.
[2주차] 웹개발 종합반 개발일지 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 중구 : 82 종로구 : 87 용산구 : 84 은평구 : 82 🥸 연결하기 1) Ajax 기본 골격에서 작업 - 링크 연결 $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, success: function(response){ console.log(response) } }) 2) 객체 선언하고 리스트 데려오기 let a = response['RealtimeCityAir']['row'] 3) for문.. 2022. 10. 22.
[1주차] 웹개발 종합반 개발일지 개발자 도구의 console 창이랑 내부랑 똑같다고 함 개발자 도구에다 작성중 // 변수, 자료형, 함수, 조건문, 반복문 let a = 2; let b =3; list let a_list = [‘수박’,’참외’,’배’] a_list[1] => 결과값은 ‘참외'가 나온다. a_list[0] => 결과값은 ‘수박'이 나온다. a_list.push(‘감') => 리스트를 추가하는 것!! leb b_list=[‘철수’,’영희'] a_list.pushi(b_list) => a_list에 추가로 철수, 영희가 들어간다. 즉, a_list 에는 ‘수박’,’참외’,’배’,‘철수’,’영희' 가 들어가있음 dictionary let a_dict = [ ‘name’ : ‘bob’ , ‘age’ : 27 ] a_dict[‘.. 2022. 10. 20.
[overflow] 위메프 따라하기 중 카테고리를 펼치자 아래 영역이 내려가 버림 | 해결 방법 😑 문제가 발생한 이유 아래 div와 위의 카테고리창을 같은 급의 개체로 인식을 하고 있는 것 🔍 체크 사항 1. 부모태그에 overflow:hidden; 이 되어있는지 체크 ( 부모태그에 overflow:hidden을 하면 부모요소가 자식을 찾게 됌, 붙잡아주는 역할을 하는 격) 2. 전체 최상위 부모에 float:left; 가 되어 있는지 체크 3. 애초에 구조를 짤 때 시멘틱 태그로 구조를 잘 잡기 .bottom{ float:left; width:1300px; height:550px; position:absolute; overflow:hidden; } .bottom_menu{ width:1084px; margin-left:80px; } .bottom1{ float:left; position:abso.. 2022. 10. 4.
[정보처리기사] 애플리케이션 배포환경 구성하기 1. 소스코드 빌드 과정의 이해 가. 컴파일 언어(c,c++) 한 번에 기계어로 변환하기 때문에 컴파일 시간이 오래 걸리지만 번역 후 프로그램 속도가 빠르고 보안이 우수하다. 나. Byte Code 언어 컴파일의 결과물이 실행파일이 아닌 'class'라는 바이트 코드로 파일을 생성하여 가상 실행환경인 JRE, CLI에서 한 줄 씩 실행하는 방식이다. 다. 인터프리터 언어 한 줄씩 기계어로 번역하기 때문에 메모리를 적게 소모되어 컴파일 시간은 빠르지만 필요할 때마다 번역을 해야하기 때문에 프로그램 속도는 떨어진다. 2. 애플리케이션 배포 환경 애플리케이션 배포는 개발자 또는 사용자가 애플리케이션을 실행, 테스트 할 수 있도록 컴파일 된 프로그램, 실행에 필요한 리소스(이미지, 환경설정 파일 등)를 서버상의.. 2022. 10. 3.