본문 바로가기

스파르타코딩클럽/웹개발 종합반9

WIL 웹개발 종합반 5주차 개발일지 [버킷리스트] app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://test:sparta@cluster0.u9hyd9y.mongodb.net/Cluster0?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post(): bucket_re.. 2022. 10. 29.
스파르타코딩클럽 내일배움단_웹개발 종합반 5주차 회고_완강🎉 5주차 배운 내용 서버 세팅하기 AWS 서버 구매하기 filezilla 이용해서 프로젝트 파일 업로드하기 nohup 명령어로 서버 설정하기 og태그 설정하기 도메인 구매 및 연결하기 5주차 과제 내용 나의 버킷리스트를 기록하면 mongoDB에 DB가 저장되고, 각 항목마다 넘버를 부여하여 완료 버튼까지 누를 수 있도록 만들었다. 5주의 과정을 통해 최종적으로 나만의 웹페이지를 만들어서 도메인까지 연결하여 배포할 수 있게 되었다. 나의 뿌듯한 첫 결과물!🎉 도메인 연결하자마자 친구한테 자랑했다ㅋㅋ 이런 뿌듯함이 쌓이면 점점 성장할 수 있겠지? http://yerinfan.shop/ 백예린 팬명록 백예린에게 응원 한마디 남기고 가세요! yerinfan.shop 웹개발 종합반 5주차 느낀 점 10월 10일부터.. 2022. 10. 29.
WIL 웹개발 종합반 4주차 개발일지 Flask 기초: URL 나누기 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' @app.route('/mypage') def mypage(): return 'This is My Page!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) GET 방식, POST 방식 GET → 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 → 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달 예) google.com?q=북극곰 POST → 데이터 생성(Create), 변경(Update), 삭제(De.. 2022. 10. 27.
스파르타코딩클럽 내일배움단_웹개발 종합반 4주차 회고 2022.10.22 작성 4주차 배운 내용 Flask 클라이언트와 서버 GET 방식 POST 방식 웹페이지 구성하기 데이터를 저장하고 보내기 4주차 과제 내용 영화 기록을 남기면 DB가 mongoDB에 저장되고, 저장된 내용이 페이지에도 표시되는 기능을 구축할 수 있었다. 또한 네이버 영화 링크를 입력하면 영화 정보를 크롤링해서 자동으로 제목과 줄거리가 표시된다. 웹개발 종합반 4주차 느낀 점 본격적으로 서버를 구축하면서 Ajax, jQuery, Flask 등의 문법을 모두 사용하고 있는데 하나하나 공부할 때는 이해되던 것들이 한번에 사용하려니 뒤죽박죽 섞여버렸다. 그래서 강의 듣다 말고 멈추고 강의자료 2-3주차 내용을 복습하고 왔더니 좀 이해가 되기 시작했다. 강의 내용이 이해가 안될 때 1. 이해가.. 2022. 10. 26.
WIL 웹개발 종합반 3주차 개발일지 2022.10.20 작성 Python 리스트 추가 방법 a_list.append() Python 함수 def sum(a,b) return a+b result = sum(1,2) Python 조건문 def is_adult(age): if age > 20: print('성인입니다') else: print('청소년이에요') is_adult(30) Python 반복문 fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박'] count = 0 for fruit in fruits: if fruit == '사과': count += 1 print(count) Requests 이용해서 미세먼지 값 가져오기 import requests # requests r = requests... 2022. 10. 25.
스파르타코딩클럽 내일배움단_웹개발 종합반 3주차 회고 2022.10.20 작성 3주차에 배운 내용 Python 기본 함수 List형, Dictionary형 반복문, 조건문 웹스크래핑(크롤링) mongoDB pymongo로 mongoDB 조작하기 DB 저장하기, 찾기, 바꾸기, 지우기 3주차 과제 내용 지니뮤직의 1~50위 곡 순위 / 제목 / 가수를 스크래핑하기 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://www.ge.. 2022. 10. 25.
WIL 웹개발 종합반 2주차 개발일지 2022.10.18 작성 짝/홀수 onclick 함수 JQuery input 박스의 값을 가져오기 $('#url').val(); JQuery 버튼 넣기 let temp_html = `나는 추가될 버튼이다!`; $('#cards-box').append(temp_html); JQuery 포스팅박스 열고 닫기 function open_box(){ $('#post-box').show() } function close_box(){ $('#post-box').hide() } JQuery 퀴즈1. 빈칸 체크 함수 만들기 JQuery 퀴즈2. 이메일 판별 함수 만들기 JQuery 퀴즈3. HTML 붙이기/지우기 Ajax 기본 골격 모든 구의 미세먼지 값 구하기 실시간 따릉이 현황 보여주기 날씨API를 이용해서 실시간 .. 2022. 10. 24.
스파르타코딩클럽 내일배움단_웹개발 종합반 2주차 회고 2022.10.18 작성 2주차에 배운 내용 jQuery 빈칸 체크 함수 만들기 이메일 판별 함수 만들기 HTML 붙이기/지우기 Ajax OpenAPI 이용해서 실시간 미세먼지 상태 표시하기 OpenAPI 이용해서 실시간 따릉이 현황 표시하기 날씨 API 이용해서 실시간 날씨 표시하기 2주차 과제 내용 날씨 API를 이용해서 실시간 날씨 표시하기 웹개발 종합반 2주차 느낀 점 재밌긴 한데 쉽지 않다... 보통 강의 한 편을 다 듣고 나면 복습을 위해서 코드를 전부 지우고 다시 한번 작성해 보는 편인데 분명 방금 전에 공부한 내용인데도 금방 잊어버린다. 그래서 결국 코드를 옆에 놓고 따라서 작성하는데도 자꾸만 오류가 생긴다. 근데 오류를 찾아서 페이지를 정상화시키는 과정은 또 재밌다. 그래도 이렇게 재미를.. 2022. 10. 24.
스파르타코딩클럽 내일배움단_웹개발 종합반 1주차 회고 2022.10.13 작성 국비 지원으로 스파르타코딩클럽 내일배움단 웹개발 종합반, 앱개발 종합반 강의를 신청했다. 5주 분량의 강의지만 이번 달에 진도를 모두 마치는 것을 목표로 하고 있다. 강의를 두 개를 듣다 보니 순서를 어떻게 해서 들어야 할까 고민했었는데 일단은 1주차씩 번갈아 가며 듣기로 했다. 월요일부터 목요일까지 4일 동안 웹개발 강의 1주차 과정을 모두 마치고 회고를 작성해보려 한다. 1주차에 배운 내용 CSS 이미지 넣기 폰트 적용하기 부트스트랩 이용 방법 Javascript 기본 함수 리스트 딕셔너리 반복문 조건문 1주차 과제 내용 1주차에서 배운 내용을 이용해서 다음과 같이 하나의 웹페이지를 만들 수 있었다. 스온스 (스파르타 온라인 스터디) 스파르타코딩클럽에서는 강의 수강자들이 정해.. 2022. 10. 22.

티스토리툴바