wisePocket

5주 차에서는 4주 차와 비슷한 Flask Framework 프로젝트를 진행했다. bucket의 경우 기록하기, 목록 보기 기본 기능을 구현하여 사실상 mars 프로젝트와 비슷한 프로젝트를 빠르게 복습하는 느낌이었다. fan 같은 경우에도 동일한 기능으로 솔직히 주제만 조금 변경되고 bucket과 동일하게 진행되는 강의를 보고 나는 추가적으로 DB 연결과 create, read 기능 외에도 현재까지 배운 다른 기능도 복습 삼아 넣어보고 싶었다. 특히 웹 크롤링에서 내가 원하는 키워드로 파싱 받은 HTML 소스 내의 키워드의 부모 태그들을 찾아가는 것을 구현했지만 keyword.parent.parent.parent와 같이 조금 지저분한 코드로 찾아가는 게 맞나 아직도 의심스럽긴 하다. 검색으로도 원하는 결..

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 ## 📌 주요 기능 #### ..

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

개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)bucket/templates/index.html Body는 Header / Content 로 구분 Header : 타이틀(title), 백그라운드 이미지 Content : input(#bucket) 텍스트 입력 박스 / 기록하기 버튼 onclick "save_bucket()" 함수 호출 div(#bucket-list)>li*n 형태로 에 추후 save_bucket() 함수의 결과가 1행씩 추가될 예정(이전 프로젝트까지 Footer로 표현했지만 사실상 Footer의 역할은 하지 않기 때문..

1. 프로젝트 sparta_project/(root)bucket/ 폴더 생성, 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_bucket [Flask] Flask framework 미니프로젝트(project bucket) ## 🖥️ 프로젝트 소개 버킷리스트를 기록하는 컨셉의 간단한 메모 게시판 형태의 게시글을 등록하는 웹 페이지 서비스 ## 🕰️ 개발 기간 * 23.07.14일 - 23.07.16일 ### 🧑‍🤝‍🧑 맴버구성 - 김인용 - 싱글 프로젝트 ### ⚙️ 개발 환경 - **MainLanguage** : `PYTHON` - **IDE** : VisualStudio Code 1.79.2 (Universal) - **Framework** : Flask Framework - **Database** : MongoDB(5.0.11) - **SERVER** : Flask ## 📌 주요 기능 #### ..

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

(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 프로젝..