wisePocket

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

액세스 키 액세스 키를 사용하여 AWS CLI, AWS Tools for PowerShell, AWS SDK 또는 직접 AWS API 호출을 통해 AWS에 프로그래밍 방식 호출을 전송합니다. 한 번에 최대 두 개의 액세스 키(활성 또는 비활성)를 가질 수 있습니다. 예전 Naver Developer, Kakao Developer API를 이용 할 때 Oauth(Access Token), API Key를 사용한적이 있는데 정확히 무슨 차이가 있는지 정리를 못했다. AWS EB Access Key와 사용처, 적용 범위의 차이가 있는것 같다. 추후 각 용어별 정리가 필요할 듯. 액세스 키 생성하기 1. 콘솔 홈>보안 자격 증명>액세스 키 2. 액세스 키 만들기>기타 3. 액세스 키 생성 완료

다중 인증(MFA)이란 무엇인가요? 다중 인증(MFA)은 사용자에게 암호 이외의 추가 정보를 입력하도록 요구하는 다중 단계 계정 로그인 과정입니다. 예를 들어, 사용자에게 암호와 더불어 이메일로 전송된 코드 입력, 보안 암호 질문에 응답, 지문 스캔 등을 요청할 수 있습니다. 두 번째 인증 양식을 사용하면 시스템 암호 도용 시 무단 계정 액세스를 방지하는 데 도움이 됩니다. https://aws.amazon.com/ko/what-is/mfa/ 다중 인증이란 무엇인가요? - MFA 설명 - AWS 비즈니스 및 사용자 모두 민감한 정보를 온라인에 저장하기 때문에 오늘날 디지털 보안은 매우 중요합니다. 모든 사람이 온라인 계정을 사용하여 인터넷에 저장된 애플리케이션, 서비스, 데이 aws.amazon.com ..

배포? Publishing? 웹 서비스를 다른 사람이 사용할 수 있게 내놓은 것을 배포라고 함 웹을 개발한 환경에서 계속 웹 서비스를 실행시켜두려면 내 컴퓨터를 켜둬야 함 내 컴퓨터를 언제까지고 켜 둘수 없으니, 컴퓨터를 하나 빌려서 계속 켜두자! → 우리가 알고 있는 서버 (추후 소장하고있는 Synology NAS를 활용하여 배포, 웹호스팅 테스트를 진행해봐야 겠다.) https://velog.io/@cjh951114/%EC%A7%81%EB%AC%B4-%EA%B4%80%EB%A0%A8-%EC%A7%88%EB%AC%B8-09.-%EC%9B%B9-%EC%84%9C%EB%B9%84%EC%8A%A4-%EB%B0%B0%ED%8F%AC-%EC%8B%9C%EC%8A%A4%ED%85%9C-%EA%B5%AC%EC%B6..

배운점: project mars와 비슷한 프로젝트(복습) 웹 크롤링 기능 추가 클라이언트에서는 URL, 별점, 리뷰 내용을 받고 위 URL을 통해서 영화의 제목, 설명, 이미지 URL을 받게 된다. 이 데이터들을 DB에 넣어주는 기능을 작성해야 한다. 기능 구현을 위한 app.py 부분을 작성 할 때 실제로 자문자답하는 방식으로 코드를 작성해봄 메타태그의 데이터(값) 가져오기 soup의 select_one()으로 'meta'라는 태그의 [property가og:title, og:image, og:description] 부분을 찾아서 원하는 값이 담긴 ['content']부분의 값을 각 ogtitle, ogimage, ogdesc변수에 담는다 어려운 점: 메타태그 메타 태그(meta tag)는 웹페이지가 담..

배운점: 프로젝트 처럼 진행하기 위해 프로젝트 개요 작성 구현할 기능을 기획 프로젝트 진행 단계 구성 초기환경구축 프레임워크, 라이브러리 설치 기초 프로젝트 구조 생성 및 협업분배 GET 기능구현 POST 기능구현 최종 테스트 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 어려운 점: 라이브러리란? 개념 이해 함수들이 뭉쳐진 하나의 .py 파일 안에 이루어진 것을 모듈이라고 합니다. 여러 개의 모듈을 그룹화 하면 패키지가 됩니다. 툴킷 또는 패키지는 종종 라이브러리라고도 불리웁니다. 프로젝트를 분리하는 과정과 가상환경을 다시 설정하는 환경구축 단계에서 에러가 발생 및 해결 Import "flask" could not be resolved from source Pylance (rep..

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

v0.1 프로젝트 개요 작성 및 폴더 구조 생성 v0.2 웹크롤링 기능 구현용 테스트 모듈 생성 및 테스트 v0.3.1 기초 프론트엔드 클라이언트 프로토타입 View 페이지작성 v0.3.2 기초 백엔드 서버 생성 및 프로토타입 GET 메서드 작성 v0.3.3 프로토타입 POST 메서드 작성 v0.4 기록하기(POST/insert) 기능 구현으로 인한 병합 및 기능 테스트 v0.5 목록보기(GET/find) 기능 구현 완료 v1.0 최종 테스트용 프로젝트 병합 해당 프로젝트는 아래 깃을 통해 업데이트되고 있습니다. https://github.com/yzpocket/Flask_project_pedia GitHub - yzpocket/Flask_project_pedia: [Flask] Flask framewo..

07번 글에서 POST 연결 기록하기 기능을 구현했으니 DB에 데이터가 누적되어 저장된다. 이제 해당 웹 페이지가 로드될 때 DB에 저장된 기록된 리뷰 목록을 GET 방식으로 불러와서 content 부분에 보여주고자 한다. DB에 등록된 리뷰 영화의 사진(url을 통해 이미지로), 영화 제목, 영화 설명, 별점, 리뷰 내용을 받아서 View 페이지에 넣어주는 기능을 작성해야 한다. #### 리뷰목록확인 - DB에 저장된 기록된 리뷰 데이터 받기(find(==read)) - 받은 데이터를 content 하단 부분에 4열 카드 형태로 출력 1. 데이터 명세 DB : MongoDB Collection : movie Document : 영화 URL : 'url':'url_receive' / from Fronte..