wisePocket

GET 및 POST 연결 테스트 메서드의 작동여부가 확인되었으니 클라이언트에서 입력값을 받아 DB에 저장하는 것부터 POST 방식으로 연결하고자 한다. 클라이언트에서는 닉네임, 응원 댓글 내용을 받고 이 데이터들을 DB에 넣어주는 기능을 작성해야 한다. #### 응원 댓글 기록 진행 - input,textarea에 값 입력 - '댓글남기기' 버튼으로 입력값 DB로 전송 및 저장 (insert) 1. 데이터 명세 DB : MongoDB Collection : fan Document : 닉네임 : 'name':'name_receive' / from Frontend #name-> formData 'name_give':'value' 응원 댓글 내용 : 'comment':'comment_receive' / fro..

해당 백엔드 요청 응답 흐름은 이전 프로젝트인 project mars와 유사하다. https://ohnyong.tistory.com/57 1. 클라이언트와 서버 연결 확인하기(테스트용) GET 방식과 비슷하지만 요청 할 때 body를 추가하여 요청하는 부분이 다르다. body를 request.form으로 받게되는 부분이 추가된다. 어떤 이벤트에 함수를 연결 할 지 확인 "댓글 남기기" button의 onclick 이벤트로 JavaScript의 save_comment() 함수 호출 JavaScript의 save_comment()라는 함수 실행 formData라는 객체를 생성 {'sample_give':'샘플데이터'}라는 Dictionary 형식 데이터를 .append()를 통해 formData에 담기 sa..

개발하고자 하는 프로젝트의 서버를 실행하고 웹브라우저로 URL에 접근 했을 때, View 페이지 로드"(document).ready()" 및 이벤트"onclick()"에서 JavaScript 요청에 대한 테스트용 메시지 알림창 생성을 확인해야 한다. Frontend와 병합하여 1차 테스트를 진행 해당 백엔드 요청 응답 흐름은 이전 프로젝트인 project mars와 유사하다. https://ohnyong.tistory.com/56 [Flask] Flask framework 미니프로젝트(project mars) 04 (Backend 기초 테스트 GET 요청 및 응답) 개발하고자 하는 프로젝트의 서버를 실행하고 웹브라우저로 URL에 접근 했을 때, View 페이지 로드"(document).ready()" 및..

(venv) 가상환경이 설정된 프로젝트 폴더의 터미널에서 해당 프로젝트에 필요한 프레임워크와 *라이브러리를 설치 한다. 1개씩 각각 설치 할 수도 있지만 두번째 프로젝트기 때문에 필요한 프레임워크와 라이브러리를 한번에 설치한다. 이미 설치된 것들까지 한번 더 확인해준다. pip3 install flask pymongo dnspython requests bs4 certifi 각 설치 패키지는 다음과 같다. 1. Flask framework 설치 pip3 install flask 2. Python으로 MongoDB 사용하는 PyMongo package 설치(DB 연결에 사용) pip3 install pymongo 3. Python용 DNS패키지 Dnspython library 설치(DB 연결에 사용) pip..

1. 프로젝트 sparta_project/(root)pedia/ 폴더 생성, app.py 메인 파일 생성 2. View페이지용 (root)/templates/ 폴더 생성, 메인 뷰페이지 index.html 생성 3. CSS 모듈화 (root)/static/css/ 폴더 생성, CSS용 style.css 생성 4. JS 모듈화 (root)/static/js/ 폴더 생성, JS용 script.js 생성 5. venv 가상 환경 설정 python3 -m venv venv 6. 인터프리터 python 3.8.2 버전 선택 후 (venv)가상환경 적용 터미널 열기 7. git 로컬 리포 등록, github 원격 리포 연동 8. .gitignore생성 및 가상환경 추적 제외 venv/ 9. readme.md 프로젝..

# Flask_project_fan [Flask] Flask framework 미니프로젝트(project fan) ## 🖥️ 프로젝트 소개 뉴진스 아이돌 그룹의 응원댓글을 기록하는 팬사이트 컨셉의 간단한 메모 게시판 형태의 웹 페이지 서비스 ## 🕰️ 개발 기간 * 23.07.16일 - 23.07.18일 ### 🧑‍🤝‍🧑 맴버구성 - 김인용 - 싱글 프로젝트 ### ⚙️ 개발 환경 - **MainLanguage** : `PYTHON` - **IDE** : VisualStudio Code 1.79.2 (Universal) - **Framework** : Flask Framework - **Database** : MongoDB(5.0.11) - **SERVER** : Flask ## 📌 주요 기능 #### ..

배운점: project mars와 비슷한 프로젝트(복습) 하지만 비슷하고 오히려 더 적은 분량이기 때문에 집중해서 진행함 마치 HTML 표준 레이아웃처럼 프로젝트 표준 레이아웃으로 사용해도 될 것 같음 여기에 + 기능들을 project pedia처럼 모듈화 시켜서 테스트하고 붙여나가면 되지 않을까라는 생각 기능 구현을 위한 app.py 부분을 작성할 때 실제로 자문자답하는 방식으로 코드를 작성해 봄 이 부분을 좀 더 상세히 흐름 전체를 외우고 각 부분에 어떤 코드가 사용되는지 반복숙달하면서 암기해야 할 것 같음. 분량이 적기 때문에 해당 프로젝트를 암기하는 것이 좋아 보임 어려운 점: GET과 POST를 계속 쓰는데 정녕 route()에 대한 개념을 찾아보지 않았었음 Route() HTTP(웹 어플리케이..

v0.1 프로젝트 개요 작성 및 폴더 구조 생성 v0.2 Frontend 기초뷰페이지완료 v0.3 Backend 서버 생성 및 기초 GET,POST 통신 테스트 병합 v0.4 Backend POST 기록하기 기능 구현 완료 v0.5 Backend GET 리스트불러오기 기능 구현 완료 v1.0 최종 테스트용 프로젝트 병합 해당 프로젝트는 아래 깃을 통해 업데이트되고 있습니다. https://github.com/yzpocket/Flask_project_bucket GitHub - yzpocket/Flask_project_bucket Contribute to yzpocket/Flask_project_bucket development by creating an account on GitHub. github.com

06번 글에서 POST 연결 기록하기 기능을 구현했으니 DB에 데이터가 누적되어 저장된다. 이제 해당 웹 페이지가 로드될 때 DB에 저장된 기록된 버킷 리스트 목록을 GET 방식으로 불러와서 content 하단 부분에 보여주고자 한다. DB에 등록된 버킷 리스트 내용을 받아서 View 페이지에 넣어주는 기능을 작성해야 한다. #### 버킷리스트 목록 확인 - DB에 저장된 기록된 버킷리스트 데이터 받기(find(==read)) - 받은 데이터를 content 하단 부분에 한줄씩 출력 1. 데이터 명세 DB : MongoDB Collection : bucket Document : 버킷리스트 메모 내용 : 'bucket':'bucket_receive' / from Frontend #bucket-> formD..

4주차부터 본격적으로 Flask Framework로 프로젝트를 진행하게 된다. 3주간 배웠던 python과 mongodb, 웹 크롤링 기능 등을 합치고, 응용하면서 주제가있는 작은 게시판 방식의 웹 페이지를 만들게 된다. 완성된 프로젝트를 겉으로 보면 솔직히 "허접"하다고 느낄 수 있는데, 오히려 나는 반대로 너무 중요하다고 생각했다. 그리고 중요한 시간이 되었다. 특히 대충 알고 있던 코드의 흐름을 한줄 한줄씩 이동하면서 가장 중요한 요청, 응답, 데이터 흐름을 파악하는데 아주 큰 도움이 되었다. 또한 실제 코드를 작성 할 때의 순서, 어떤 데이터를 가져와야 하는지 자문해야 하는 타이밍, 어떤 샘플 코드를 사용해야하는지 등등 복잡하고 화려한 코드들보다 직관적으로 중요한 흐름을 배울 수 있었다. 우선적으..