INFP인 개발자

[화성 땅 공동구매] app.py 만들기 새터미널 python -m venv venv 오른쪽 밑 3.8.6 64에서 venv 인터프리터 바꾸기 새터미널 => (venv)로 나와있는지 확인하기 templates 폴더 만들기 그 안에 index.html 파일 만들기 app.py에서 터미널에 pip install flask 라이브러리 다운 / pip install pymongo 다운 / pip install dnspython 다운 app.py 실행 후 localhost:5000로 들어가기!!! clear하면 다 사라짐 저장하기 먼저 해야 쉬움 POST연습(주문 저장하기) 1) 데이터 명세 요청 정보 : URL= /mars, 요청 방식 = POST 클라(fetch) → 서버(flask) : name, addre..

코딩/웹개발 2023. 3. 23. 13:56

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) => 페이지 만듦 from flask import Flask, render_template app = Flask(__name__) @app.route('/') def home(): return 'This is my Home!' @app.route('/mypage') def mypage(): return re..

코딩/웹개발 2023. 3. 21. 19:16

DB from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.khbatcx.mongodb.net/?retryWrites=true&w=majority') db = client.dbsparta mongo db를 쓸거면 제일 처음에 입력 # 저장 - 예시 doc = {'name':'bobby','age':21} db.users.insert_one(doc) # 한 개 찾기 - 예시 user = db.users.find_one({'name':'bobby'}) # 여러개 찾기 - 예시 ( _id 값은 제외하고 출력) all_users = list(db.users.find({},{'_id':False})) # 바꾸..

코딩/웹개발 2023. 3. 21. 18:22

let star_image = '⭐'.repeat(star) => star_image에 ⭐을 star번 입력 파이썬 def sum(a,b,c): return a+b+c result = sum(1,2,3) print(result) =6이라고 출력 ages =[5,10,13,23,25,9] for a in ages: if a>20: print('성인') else: print('청소년') => {}쓰면 순서대로 출력 안됨! 주의 ages에 하나하나를 a에 넣고 그 a를 밑에 가져다가 쓰자 import requests r = requests.get('http://spartacodingclub.shop/sparta_api/seoulair') rjson = r.json() rows = rjson['RealtimeC..

코딩/웹개발 2023. 3. 21. 18:16

fetch("url입력") // 기본 요청(GET) .then(res => res.json()) // 요청해서 받은 데이터를 JSON화 .then(data => { // JSON화 한 데이터를 다시 data로 이름짓기 let rows = data['RealtimeCityAir']['row'] rows.forEach((a) => { // 미세먼지 데이터 리스트의 길이만큼 반복해서 하나씩 개발자 도구에서 보기 // 구의 이름, 미세먼지 수치 값을 개발자 도구에서 찍어보기 console.log(a['MSRSTE_NM'], a['IDEX_MVL']) }) }) 퀴즈1 function q1() { fetch("http://spartacodingclub.shop/sparta_api/seoulair").then(re..

코딩/웹개발 2023. 3. 21. 18:13

JQuery => jQuery는 웹을 조작하려고 만듦, 움직이게 만드려고 javascript만 사용하면 복잡하니까 jQuery도 같이 사용 => Javascript는 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장 Javascript로 길고 복잡하게 써야 하는 것을 => document.getElementById("element").style.display = "none"; jQuery로 보다 직관적으로 쓸 수 있어요 => $('#element').hide(); function checkResult() { let a = '사과' $('#q1').text(a) } => $('#아이디값') 으로 어떤 html 태그를 바꿀 것인지 지정 지정했다면, 바꿔줄..

코딩/웹개발 2023. 3. 21. 18:11

안에 사이에 쓰기 funtion hey() { console.log('안녕하세요') } 영화 기록하기 => console.log는 미리 찍어보기 => function hey()라는 규칙으로 hey라는 함수를 만들었고, alert(’안녕하세요’)이라는 작업을 원할 때마다 반복적으로 수행 리스트: 순서를 지켜서 가지고 있는 형태 딕셔너리: 키(key)-밸류(value) 값의 묶음 순서를 표시할 수 있고, 정보를 묶을 수 있습니다. let customer_1_name = '김스파'; let customer_1_phone = '010-1234-1234'; let customer_2_name = '박르탄'; let customer_2_phone = '010-4321-4321'; ...(알아보기 힘듭니다.) 👉딕셔..

코딩/웹개발 2023. 3. 21. 17:55

Windows : ctrl + alt + t => 토글 열고 닫기 HTML은 뼈대HTML CSS는 꾸미기 처음 뻐대 만들 때 코드 적는 곳에 html 적고 자동 완선 항목에 html:5 클릭 HTML은 크게 head와 body로 구성 => head 안에는 페이지의 속성 정보 (meta, script, link, title 등) => body 안에는 페이지의 내용(div, p 등) 코드 정렬 => shift + alt + f 주석 달기 => ctrl + / 배경 관련 background-image ex) green or url; background-size ex) center; background-position ex) caver; => 세개는 늘 같이 다님 border-radius 테두리 둥글게 ex) ..

코딩/웹개발 2023. 3. 21. 17:40