HTML+CSS+JS+Flask

    Ajax 기본 코드 탬플릿

    GET 요청 Ajax 코드 $.ajax({ type: "GET", url: " ", data: {}, success: function(response){ console.log(response) } }) POST 요청 Ajax 코드 $.ajax({ type: "POST", url: "/test", data: { param: 'value', param2: 'value2' }, success: function(response){ console.log(response) } })

    개발환경 Pycharm Professional

    개발환경 Pycharm Professional

    Pycharm 설치 우선 아래 링크로 들어가서 Pycharm Professional을 다운받자. 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 설치 도중 Intallation Options이 나오면 아래와 같이 체크하자. Pycharm 기본 세팅 Pycharm을 실행시킨 후 왼쪽 상단 위 File -> Open -> 원하는 폴더 선택 -> OK 클릭 해당 폴더에 .idea 폴더가 생성된 것을 확인할..

    pymongo로 mongoDB 연결 + 조작

    pymongo로 mongoDB 연결 + 조작

    pymongo란? mongoDB라는 데이터베이스를 조작하려면 특별한 라이브러리인 pymongo라는 라이브러리가 필요하다. 기본 파이썬 라이브러리가 아니기 때문에 따로 설치를 하거나 pycharm professional을 사용하고 있으면 아래 링크를 참고하여 pymongo, dnspython를 설치하자. https://duckgugong.tistory.com/152 프로젝트 생성 및 패키지 설치하기 프로젝트 생성하기 (Pycharm Professional) 첫번째 방법 파이참 왼쪽 상단 File -> New Project를 클릭하고 나타나는 화면의 상단 Location 에서 원하는 경로를 선택한 다음 New enviroment using 클릭 후 Vritua.. duckgugong.tistory.com p..

    mongoDB + Atlas 설정

    mongoDB + Atlas 설정

    mongoDB란? No-SQL 딕셔너리 형태로 데이터를 저장해두는 DB다. 고로 데이터 하나 하나 마다 같은 값들을 가질 필요가 없다. 자유로운 형태의 데이터 적재에 유리한 대신, 일관성이 부족할 수 있다. Atlas란? DB를 Cloud형태로 제공해주는 클라우드 서비스! Atlas 가입하기 우선 아래 링크로 접속하자 https://account.mongodb.com/account/register Cloud: MongoDB Cloud account.mongodb.com sign up with Google 선택해서 구글로 로그인 박스에 체크 후 Submit 클릭 Organization 생성 아래 링크로 접속 https://cloud.mongodb.com/ MongoDB Cloud MongoDB Cloud ..