WEB 10

FLASK, MongoDB 와 서버 구축

FLASK - 서버를 만들 수 있는 라이브러리 - 프레임워크 플라스크 설치 pip install flask app.py 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) prac - static - templates -- index.html index.html 예제 코드 나는 버튼! localhost:5000 - 우리가 만든 로컬 서버 - 로컬 환경에서 나만 볼 수 있음 - 디버깅 할때 쓰는것 본격 API 만들기 GET - READ POST -..

WEB 2022.04.12

Python & 크롤링, DB

파이썬 리스트 예제 fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박'] 파이썬 딕셔너리 예제 people = [{'name': 'bob', 'age': 20}, {'name': 'carry', 'age': 38}, {'name': 'john', 'age': 7}, {'name': 'smith', 'age': 17}, {'name': 'ben', 'age': 27}] 가상환경? - 프로젝트별 패키지들을 담을 공구함 - 프로젝트별로 패키지를 모아두는 것 - venv requests 설치 pip install requests requests 예제 import requests # requests 라이브러리 설치 필요 r = requests.get('http://s..

WEB 2022.04.12

jQuery와 Ajax

jQuery - HTML의 요소들을 조작하는, 편리한 JS를 미리 작성해둔 것, 라이브러리 jQuery는 JS와 다른 특별한 S/W가 아니라 미리 작성된 JS코드이다. 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것이다. 따라서 import 해야한다. jQuery를 쓰지 않은 경우 document.getElementById("element").style.display = "none"; jQuery를 쓴 경우 $('#element').hide(); jQuery를 쓸려면 다음을 선언 해주어야 한다. jQueryCDN https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online t..

WEB 2022.04.12

JS 기본 문법

JS란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어 모든 인터넷이 약속함 JS만 쓰기로 (표준) Java 와 JS 의 차이는? - 인도와 인도네시아 - 바다와 바다코끼리 F12를 누르면 나오는 개발자 도구에서 Console은 개발자들을 위한 개발을 할때 편리한 도구 이다. 이때 JS를 쓴다. 디버깅이 가능하다. 변수 선언 let a = 2 let b = 3 문자열 선언 let first_name = 'jeongpa' let last_name = 'Park' 리스트 선언 let a_list = ['수박' , '참외', '배'] a_list[1] a_list.push('감') 딕셔너리 선언 let a_dict = {'name' : 'bob', 'age' :27} 내장함수 split - 문..

WEB 2022.04.12

HTML 실습

HTML: 뼈대 CSS : 그림 JS : 움직이는것 HTML + CSS + JS -> Frontend 서버는 frontend를 client한테 serving 파이참 플러그인에서 한국어 설정 하기 플러그인 korean 설치 후 restart IDE 하기~ HTML은 기본적으로 head와 body로 구성 돼있다. 내용 div 구역을 나눔 p 문단을 나눔 h 제목 span 글자를 꾸밀때 a 하이퍼 링크 img 이미지 첨부 input button textarea 로그인페이지를 만들어보자 로그인 페이지 ID: PW: 로그인하기 h1은 제목 p는 문단 input은 입력을 받는 것 button은 버튼 생성 HTML 태그는 부모-자식 구조인데 누가 누구 안에 있는지를 이해하는 것이 중요하다 감싸고 있는 태그가 바뀌면 ..

WEB 2022.04.11

WEB 개발 환경 필수 프로그램 설치

1. 파이참 설치 https://www.jetbrains.com/pycharm/download/ Download PyCharm: Python IDE for Professional Developers by JetBrains Download the latest version of PyCharm for Windows, macOS or Linux. www.jetbrains.com 설정 없이 그냥 next로 설치 프로그램이 무거운 편임 2. jetbrains 회원가입 https://account.jetbrains.com/login JetBrains Account account.jetbrains.com - 필자는 학교 이메일로 가입함 - 구글 계정으로 가입하고, 이메일에 들어가서 인증해야함 - 스팸함에 있을 수 있..

WEB 2022.04.11

API

API - 어플리케이션에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능 제어를 위한 인터페이스 - WIN32:windows 32bit 기반 API, JS API, Gmail API - 누구나 접근은 가능하지만, requests에 제한이 있음 - 기업단위로 쓰려면 요금을 지불해야함 Web API - 웹 어플리케이션 개발에서 다른 서비스에 요청을 보내고 응답을 받기 위해 정의된 명세 - Gmail API, KaKao API SOAP - Simple Object Access Protocol - 구조화된 정보 전송(like XML) - ACID(원자성, 일관성, 고립성, 지속성) 만족 REST - REpresentational State Transfer - 자원 (URL)자원의 행동 (HTTP ..

WEB 2022.04.06

Replit으로 flask 실습해보기

Replit에 일단 로그인, 접속을 한다. flask는 다음과 같은 web 아키텍처중에 application sever 단의 작업이다. https://replit.com/~ Log In Replit is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages. replit.com 접속을 하고 파이썬으로 접속하면 다음과 같은 창이 나온다. pip install flask를 해야 합니다. 하지 않으면 import 가 되지 않습니다. shell에서 flask 설치 후 위와 같은 코드를 치면 console창에서 결과가 나오는것을 확..

WEB 2022.04.06

WEB 개발의 기초

WEB 개발 - tim berners lee 가 하이퍼 텍스트 기반의 프로젝트를 제안한 이후 정적인 컨텐츠들을 중심으로 한 웹 기술이 발달 - Linux, Apache, Mysql, Php 중심의 동적인 서버, 정적인 클라이언트 모델이 지속됨 - 2010 ~ 현재 : javascript (다이나믹 앱 -> 웹개발 : PWA Web architecture 클라이언트 서버 방식 아파치 웹서버 디비는 musql 전체는 리눅스 클라이언트는 리엑트 네이티브

WEB 2022.04.06