wisePocket

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

GET 및 POST 연결 테스트 메서드의 작동여부가 확인되었다. 클라이언트에서 입력값을 받아 DB에 저장하는 것부터 *POST 방식으로 연결하고자 한다. 클라이언트에서는 "버킷리스트 메모" 내용을 받고 이 데이터들을 DB에 넣어주는 기능을 작성해야 한다. #### 버킷리스트 기록 진행 - input박스에 텍스트 입력 - '기록하기' 버튼으로 입력값 DB로 전송 및 저장 (insert) 1. 데이터 명세 DB : MongoDB Collection : bucket Document : 버킷리스트 메모 내용 : 'bucket':'bucket_receive' / from Frontend #bucket-> formData 'bucket_give':'value' 2. DB 커넥션 우선 DB에 넣어주어야 하기 때문에 ..

팀프로젝트를 진행해봤습니까? 발생했던 문제(의사소통, 진행방식, 이해도부족)을 어떻게 해결해나갔습니까? 오랜기간 우리와 함께 일할 수 있습니까? 어떤 일을 할 것 같습니까? 그 일에서 어떤 임무를 수행할 수 있습니까?

-메인언어 기본(파이썬이 유리함) 우선 알고리즘 무료, 기본 강의를 찾아보고 코드업 백준 과같은 기출문제를 50~100개가량 문제유형은 아래처럼 기본정도, 고급알고리즘은 너무 깊게 공부될수도있음. -그리디!! -탐색 DFS, BFS!! -기본동적프로그래밍 -(중급, 고급동적프로그래밍) -문자열 대기업기출제 풀어보기 삼성전자역량테스트->백준 카카오코테->프로그래머스

적성에 맞는가? 꾸준히 공부해야하는것에 적성이맞는가? 진로를 선택한 이유? 코테 알고리즘 내옆에잘하는사람을 두어라 6에서3을보지말고 6에서 9를보고 자극받아라 구글링 선생님은 1차적인 질문은 구글에 있다. 해결법까지 있다. 적절한 솔루션을 스스로 찾아봐라. 선배는 나만의 과외 선생님이아니다. 먼저 찾아보고 거기서 이해가부족한것을 도움을 요청하는 태도를 가져라. 클론코딩을 했으면, 기능구현을 했으면 동작 흐름을 완벽하진 못해도 로직을 이해고자 노력하자. 엉덩이를 무겁게, 이해가 잘안되면 계속 반복해서 보자. 내가 왜 이분야를 시작을 했지? 동기부여를 계속하자. 똑똑한 사람이 되더라도 게으르지말자. 경력자는 본인이 동일한 연차의 다른 사람들과 비슷한 실력을 가지고 있는지 연차가 쌓일수록 두려워진다고 한다. ..

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

개발하고자 하는 프로젝트의 서버를 실행하고 웹브라우저로 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()" 및..

개발하고자 하는 프로젝트의 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의 역할은 하지 않기 때문..

(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)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)는 웹페이지가 담..