Everyday Dev System

20230513 01:03 am - 실습 2개, OG 태그 활용법, Flask를 통해 웹사이트 2개 구축 및 인터넷에 배포 1. 버킷 리스트 실습 [app.py] from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@limchaeyoung.boi4rwj.mongodb.net/?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.htm..

20230512 2:30 pm - 7;25 pm get, post 방식을 통한 데이터 저장 및 출력 1. GET & POST 방식 GET 요청 - 통상적으로 데이터 조회(Read)를 요청할 때 사용 예) 영화 목록 조회 -> 데이터 전달 : URL뒤에 물음표를 붙여 key=value로 전달 POST 요청 - 통상적으로 데이터 생성, 변경, 삭제 요청할 때 사용 예) 회원가입, 회원탈퇴, 비밀번호 수정 -> 데이터 전달 : 바로 보이지 않는 html 2. GET & POST 방식 기초 실습 서버 끌 때 Ctrl + C 로 OFF 해야 함! GET 요청하기 app.py에 아래와 같이 수정. API를 만들고 사용하는 과정에서 request와 jsonify 두가지 기능이 필요함. /test 라는 창구로 get ..

20230512 1:40 pm - 2:30 pm Flask 프레임워크 Flask 프레임워크 1. 기초 2. 활용하기 프레임워크란? 서버라는 어떤 큰 프로젝트를 만들기 위한 큰 라이브러리 Flask 기초 1. 가상환경 생성 python -m venv venv 프로젝트 별로 라이브러리를 담아두는 통 -> 가상 환경 2. 터미널 새로 키고 (venv)로 잡혀 있는거 확인하고 플라스크 설치 -> pip install flask 3. flask 시작 코드(하단코드) 실행 후 엑세스 허용 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app...

20230510 - 3:50 pm - 파이썬 & MongoDB MongoDB Atlas 목차 1. SQL 과 NoSQL 차이 2. pymongo 개념 3. pymongo 활용 연습 문제 4. 1. SQL 과 NoSQL 차이 RDBMS(sql) 이미 정해진 칸에 데이터를 주입. 엑셀과 같은 느낌으로 정해진 틀이 있음. NoSQL은 비즈니스 유연성을 활용. 정해진 틀이 없음. 현업에서는 DB를 클라우드에 올려서 가져다가 씀. 2. pymongo 개념 pip install dnspython pip install pymongo 기본 코드 : from pymongo import MongoClient client = MongoClient('여기에 URL 입력') db = client.dbsparta URL은 mon..

20230510 - 2:11 pm - 3:50 pm 파이썬 & MongoDB Python 목차 1. 기초 문법 2. 라이브러리 활용법 3. 크롤링 활용 파이썬을 설치한다는 것의 의미 컴퓨터가 파이썬을 해석할 수 있도록 일종의 번역팩을 설치한다고 생각하면 된다. VS code IDLE에서 [터미널] - [새 터미널] 에서 "+" 버튼을 클릭 [기본프로필 선택하기] 에서 GIT bash를 선택하고 터미널을 껐다가 다시 키면 아래와 같이 설정됨. 1. 기초 문법 a=2 b=3 print(a+b) 5 a= '대한' b= '민국' print(a+b) 대한민국 a= ['사과','배','감'] print(a[2]) 감 a = {'name': '영수', 'age':24} print(a['name']) 영수 def he..

5:50 pm - 6:40 pm Fetch를 이용해서 데이터 가져오기 Fetch란? url을 통해 정보를 가져와서 json형태로 만들어서 이를 활용함 fetch("여기에 URL을 입력").then(res => res.json()).then(data => { console.log(data) }) Fetch 연습하기 코드 jQuery 활용을 위해 해당 코드 반드시 입력하여 import해야 함. 연습 1 URL : http://spartacodingclub.shop/sparta_api/seoulair Base code : Fetch 연습을 위한 페이지 정답 : Fetch 연습을 위한 페이지 연습 2 - 업데이트를 누르면 자치구에 따른 미세먼지 농도 출력 - 미세먼지 농도가 40이상인 자치구의 글자 색상을 빨강..

20230509 3:50 pm - 5:45 pm 자바스크립트 기초 문법 , jQuery 활용하기 Javascript 자바스크립트는 html을 조작하기 위해 + 움직이게 만들기 위해 필요 그러나 자바스크립트만으로는 복잡하므로 JQuery가 필요하다. console.log는 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 리스트 3. 딕셔너리 4. 리스트 딕셔너리 append 데이터를 받아와서 붙힘 더보기 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 붙이기 사과 귤 감 3. 붙이기 영수는 24살입니다. 세종은 30살입니다. 수영은 20살입니다. function checkResult() { let fruits = ['사과', '배', '감', '귤', '수박'] $('#q1').e..

1week : HTML, CSS, Javascript 2week : jQuery , Ajax , API 3week : Python, 크롤링, mongoDB 4week : 미니프로젝트1, 미니프로젝트2 5week : 미니프로젝트3, AWS GitHub에 배포하기 반드시 index.html 로 이름을 설정해야 함. 태그는 특정 글자를 감쌀 때 사용하는 태그 ** VS CODE에서 정렬 : Shift + Alt + F Ctrl + / 주석 Css파일 분리가능. (해당 코드 html에 작성해야함) 부트스트랩 컴포넌트 5.0 https://getbootstrap.com/docs/5.0/components/buttons/ 구글폰트 적용하기 ( 링크 들어가서 font 들어가서 Remove Regular 400 클릭해..