GPT4 웹개발 gpt 4주차 flask 폴더 구조!Project 폴더 구조 - - - Project |— venv |— app.py (서버) |— templates |— motto.html (클라이언트 파일) |— music.html (클라이언트 파일) flask는 만들 프로젝트의 폴더 구조가 정해져 있다! 폴더 안에 app.py 파일을 생성 (이름을 변경할 수는 있지만 라이브러리 이름과 달라야 한다.)폴더 안에 templates 폴더를 생성 (이 폴더는 고정!!)templates 폴더 안에 index.html 파일을 생성 (기본적으로 이 이름을 사용) 웹 사이트에서 데이터가 필요한 경우에는 Python으로 크롤링하거나 Database에서 필요한 데이터를 만들고, HTML로 넘겨서 사용한다. a.. 2024. 9. 19. 웹개발 gpt 3주차 숙제 3주차 숙제 @app.route("/answer")def answer(): if request.args.get('query'): query = request.args.get('query') else: query = '20230601' URL = f"http://kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchWeeklyBoxOfficeList.json?key=da0374504275bc57b91ac85d8d81fbbb&targetDt={query}" res = requests.get(URL) rjson = res.json() movie_list = rjson.get("boxOfficeResult").get("weeklyBoxOfficeList") r.. 2024. 9. 13. 웹개발GPT 2주차 **서버 - 클라이언트 통신 기본 개념**클라이언트(브라우저) 가 서버에 요청(html, json...)을 보내면 서버가 거기에 맞춰 응답을 해준다. JavaScript 는 웹을 움직이게 하는 코드jQuery 는 html 뼈대를 선택해서 쉽게 조작할 수 있게 해줌. (남들이 만든 코드 모음, 라이브러리)Fetch 는 짧은 코드로 요청을 보내고 받아올 수 있음 JavaScript 코드는 브라우저 -> 개발자 도구 콘솔 창에서 실행할 수 있다.코딩한것이 맞게 출력되는지 확인하기 위한 도구가 console.log() 변수 대입(a=2)의 의미: 오른쪽에 있는 것을 왼쪽에 넣는 것 JSON은 주로 다른 프로그래밍 언어끼리 통신할 때 쓰는 데이터 양식이다.예를 들자면 택배를 주고받을 때 쓰는 상자 같은 것, k.. 2024. 9. 6. 웹개발 2주차 ***javascript 사용하기*** javascript를 이용하기 위해서 script함수에 내용을 넣어준다!! let 변수 : 지정하는 변수 let name = 지정하고싶은 이름console.log : 불러오는 함수 console.log(불러올변수)% : 나머지 값을 구해주는 부호 dictionary는 javascript 에서 객체라는 이름으로 불리운다.dictionary : key 와 value 값의 묶음 ( key 는 열쇠, value 는 보물상자로 이해하면 됨)key 는 절대 중복되면 x , 그리고 *문자열*이어야 한다.dictionary 에서 뒷부분에 추가하고싶을때 ----dic이름[key] = value list = []dictionary = {}***list의 맨앞의 숫자는 0번부터 .. 2024. 9. 4. 이전 1 다음
