핵심 : HTML과 mongoDB 연동을 통한 서버 구축. 1. 파이썬 Flask패키지 => 웹서버 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) => 위의 코드는 Flask 서버 기본 세팅이 되는 코드다. 디렉토리 구조 : static(이미지나 CSS파일), templates(html파일), app.py(Flask가 동작하는 ..

서버와 클라이언트 통신 : JSON 준비물 : 크롬, JsonView(크롬 확장프로그램), OpenAPI OpenAPI(서울시 실시간 미세먼지 현황) : http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 이렇게 나오는데... 이건 JsonView를 깔면 이렇게 정갈하게 변신한다!! JSON? Key : Value로 이루어져 있다. 자료형 Dictionary(?)와 유사하다고 한다. 여기서 'RealtimeCityAir'라는 키 값에 딕셔너리 형 value가 들어있다. 그리고 그 안에는 'row'라는 키 값에 리스트형 value가 들어가있다. 클라이언트는 서버에 GET요청을 할 수도 있고 POST요..

1. JQuery JQuery는 HTML의 요소들을 조작하는데 편리한 JavaScript를 미리 작성해둔 라이브러리. 걍 이미 만들어져 있는 것을 사용하면 되니까 가져와서 쓰면됨!! JavaScript : document.getElementByID("element").style.display = "none"; JQuery : $('#element').hide(); => 이렇게 간단해지다니!!!! 자바 스크립트를 사용하려면 Import해야한다. (HTML에) head에 끼워 넣으면 된다! CSS는 Class로, jQuery는 id로 가리킴. input박스의 값 가져오기 아티클 URL 간단 코멘트 기사 저장 // 크롬 개발자도구 콘솔창에서 쳐보기 // id 값이 post-url인 곳을 가리키고, val()로..

웹 브라우저에서 바로 JavaScript를 적용해서 볼 수 있는 방법이 있다. 크롬 기준. 마우스 우클릭 -> 검사 -> Console (단, 새로고침 시 다 날아감!) F12키를 누르면 바로 뜬다고 한다. console.log(변수) : 콘솔 창에 괄호 안의 값을 출력해줌. console.log(변수) 는, 콘솔 창에 괄호 안의 값을 출력해줍니다. 개발자가 결과값을 보기 편하도록! console.log(변수1,변수2) 로 여러 변수를 한번에 출력할 수도 있어요. 아래를 복사해서 붙여넣어보세요. console.log("Hello World!"); 변수 & 기본 연산 let num = 20 num = 'Bob' // 변수는 값을 저장하는 박스예요. // 한 번 선언했으면, 다시 선언하지 않고 값을 넣습니다..