wisePocket

AWS Elastic Beanstalk 실제 배포 과정을 통해서 Cloud 환경에서 웹 페이지 배포 과정을 진행해 보았다. 아마존 서비스는 Cloud인 점에서 항상 켜져 있는 컴퓨터를 렌털하는 것 외에도 간단한 설정들만으로 배포가 가능해서 좋은 경험이었다. 한번 배포 과정을 진행해 보는데 의미를 두었고 배포 이후 유지 보수 부분도 부분적으로 이해했지만 실무에서는 어떤 방식으로 진행되는지 궁금증이 남아 있다. 또한, 어떤 회사에서는 자체 서버로 서비스를 배포할텐데 그 과정을 함축적으로 알 수 있지 않을까? 라는 궁금증에서 스스로 실습을 도전하게 되었다. 계속해서 프로젝트를 생성하고, 수정하고, 테스트하게 될텐데 아무래도 서비스 자체가 유료인 문제가 있다. 이미 나는 항상 켜져있는 스토리지 컴퓨터가 있다. ..

공식 정보 맞음 하지만 어려움 입문자에게 이것보다 어려운게 없다. 그리고 링크가 무한대로 연결되있는것으로 느껴질 정도로 모르는게 계속 튀어나오고 단어를 몰라서 누르면 또 더 큰 개념으로 연결되있고 또 무수히 많은 정보가 쏟아지고 또 들어가고 들어가고 공식은 무조건 맞는 정보지만 가시성이 떨어진다. 입문자에게 불친절하다랄까? 사실 나름대로 친절하게 써둔 것이지만 뉴비에겐 불친절하다! 그래도 Quick Start! 이런 부분이 나와 같은 사람들을 위해서 마련한 선배들의 배려라고 생각한다. 블로그 10개중 1개 완전 잘못 이해한 부분이라던지, 배울때 그냥 교재를 복사한것도 있다. 나도 마찬가지로 잘못된 정보를 기록하고 퍼트리고 있는 범인 중 하나다. 걸러봐야 한다. 하지만 이 부분이 필요한 이유는 입문자에겐 ..

flask login https://youtu.be/NYWEf9bZhHQ flask admin paging Encrypt pass chatgpt 예제 탐색 bootstrap theme html 표준 레이아웃형 구성 모든 프로젝트 content 구역에 넣기( 참조형) header nav구성 aside구설 footer 생성 시놀로지 나스 배포 도커 배포

이제 AWS 회원 가입 과정을 거치고 사용자 그룹과 권한을 가진 사용자를 추가하는 등 기본적인 계정 보안 세팅을 완료 한 뒤 IAM 사용자 ID 및 비밀번호, 액세스 키(Access Key or aws-access-id)와 비밀 액세스 키(aws-secret-key)까지 메모장에 기록해 두었다. 웹 프로젝트를 로컬 환경(Flask 내장 서버로 실행하던 것 localhost:5001/)에서 충분히 구현하고 동작, 기능의 문제가 없는지 검수하여 완료된 프로젝트는 배포 준비를 진행하게 된다. 본인은 배포 학습 직전 마지막 미니 프로젝트인 "Flask framework 미니프로젝트(project fan)"을 대상으로 배포 테스트를 진행하고자 한다. 정확히 순서대로 진행해야 실수를 만들지 않을 수 있다. 1. 터..

인생사 제일 잘하는 것, 자신 있는 것 내 주변에서도 모두 인정하는 나의 다이어트 근성..이었는데, 이젠 그런 나를 찾아보기 힘들다. "취업 준비하는데 시간이 남아돌아?", "공부하기도 바쁜데 운동할 시간은 있나 보네." 아니, 나도 똑같은 시간을 쓰고 똑같이 생활한다. 그럼 시간을 어디서 구하는가? 학교에서도, 군대에서도, 집에서도, 회사에서도 아무도 못 건드리는 시간. 나는 밥시간을 쪼개 쓴다. 남들은 밥 먹고 앉아서 유튜브보고 넷플릭스 볼 시간에, 나는 운동하면서 유튜브 보고 넷플릭스 본다. 이 시간에도 강의를 찾아보거나 신나는 노래도 듣고 검색도한다. 말했지만 일반인, 직장인, 학생 모두 같은 24시간을 보낸다. 누구는 공부 잘하고 일 잘하고, 누구는 공부 못하고 일 못한다. 시간을 다르게 사용하..

v0.1 프로젝트 개요 작성 및 폴더 구조 생성 v0.2 기초 View페이지완성, 기초 GET,POST 통신 테스트 완료, 웹 크롤링 기능 테스트 모듈 완료 v0.2.1 POST 응원 댓글 기록하기 기능 구현 완료 v0.2.2 GET 응원 댓글 리스트 보기 기능 구현 완료 v0.2.3 GET 노래 및 순위, 순위 변동 보기 기능 구현 완료 v0.2.4 GET 날씨 보기 기능 구현 완료 v0.2.4.1 og태그 추가 v1.0 최종 테스트용 프로젝트 병합 v1.0 최종 테스트 프로토타입 배포 완료(http://myweb.eba-6icts6dp.ap-northeast-2.elasticbeanstalk.com/) 해당 프로젝트는 아래 깃을 통해 업데이트되고 있습니다. https://github.com/yzpoc..

서울의 실시간 날씨 정보 OpenAPI 데이터를 받아와서 HTML 헤더 부분에 표시해주려 한다. 1. 데이터 명세 URL : http://spartacodingclub.shop/sparta_api/weather/seoul Contents : 현재 온도 : 'temp': temp / from URL list 현재 기후 : 'icon': icon / from URL list 2. 기능 구현을 위한 script.js 부분 수정 및 작성 OpenAPI 기본 골격 // [Temp Read] function set_temp() { fetch("").then((res) => res.json()).then((data) => { console.log(data) }); } OpenAPI URL = http://sparta..

이전 03 웹 크롤링 기능 부분 구현 및 테스트, 시행착오와 해결에서 기능 테스트 부분을 구현했다. https://ohnyong.tistory.com/95 해당 기능 모듈을 본 프로젝트에 활용하고자 한다. 전반적으로 GET방식 요청, 응답과 같은 흐름이다. 전체적인 클라이언트와 서버 간의 흐름을 요약하면 다음과 같다. 우선 프론트에서 웹 페이지 로드가 되면 (document).ready()에 따라 백엔드 요청은 JavaScript의 /ranking이라는 URL로 해당 데이터를 요청하게 설계했다. 이후 응답은 app.py에서는 /ranking 요청에 대한 응답을 준비하는데 웹 크롤링을 시작(테스트 코드로 사전 진행함) 지정한 URL에서 진행 requests로 HTML소스 받음 beautifulsoup으로 ..

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

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..