항해 99/Web (10) 썸네일형 리스트형 AWS - EC2, RDS 활용 배포 RDS 구매 및 MySQL 세팅 1. AWS 로그인 후 대시보드 접속 2. RDS 검색 후 결과 클릭 3. 데이터베이스 생성 클릭 4. 표준생성, MySQL 클릭 5. 프리 티어를 선택 6. 입력 DB 인스턴스 식별자에 DB 이름 입력(이름은 원하는대로) 마스터 사용자 이름과 암호에 만들고 싶은 계정의 아이디, 비밀번호 입력(DB 접속용으로 사용) 7. DB 인스턴스 크기와 스토리지 설정은 Defualt 값 사용 8. 연결 → 추가 연결 구성 탭 클릭 설정 퍼블릭 엑세스 기능 : 예 이 설정을 해야 컴퓨터에서 AWS RDS의 MySQL과 연결 가능 VPC 보안 그룹 : 새로 생성 보안 그룹 이름 지정 가용 영역 : 옵션 중 선택 9. 추가 구성 → 초기 데이터베이스 이름 입력 10. 데이터베이스 생성 클.. 웹 미니 프로젝트 3일차 - 마지막 프로젝트 진행 1. ID 기반 수정 및 삭제 기능 적용 실험 : DB의 users 테이블의 primary key인 user_id 값을 가져와서 post_id 값과 대조 문제 파악 : user_id 값은 유저가 생성될 때만 새로 추가되지만 post_id 값은 같은 유저가 게시글을 여러 개 생성하기만 해도 값이 증가해서 대조 값으로 사용할 수 없음 해결 방안 : user_id 값 대신 users 테이블의 loginID 값과 posts 테이블의 users(userID) 값과 대조하는 것으로 ID 기반 권한 부여 로직 구성 문제 : 로그인 후 유저 ID 값을 인식하지 못해 유저 ID가 게시글 작성 유저의 ID와 일치하는 경우에도 수정 및 삭제 기능이 작동하지 않음 실험 : 로그인한 유저 ID 값을 세션을 통해 .. 웹 미니 프로젝트 2일차 2.1 프로젝트 진행으로 인해 작성하지 못 했음. 웹 미니 프로젝트 2일차 진행 1. 각 파트 별 개발 시작 게시글 수정 및 삭제 기능 추가 게시글(카드) 하단에 삭제 버튼을 누르면 삭제 여부를 확인 할 수 있도록 모달 추가(모달에서 삭제 눌러야 게시글 삭제) 삭제 버튼 옆에 게시글 수정 버튼을 생성하고 수정 버튼을 누르면 수정 모달을 통해 변경 내용을 입력 후 저장하면 해당 게시글 내용이 수정 반영 기능 개발 간 생긴 문제 수정 버튼을 눌러 모달을 통해 수정 내용을 입력 시 서버에 반영되지 않아 내용 변경 실패 원인 분석 : POST 타입으로 보낸 수정 데이터를 서버에서 인식하지 못함 해결 : 서버로 보내는 데이터를 PUT 타입으로 변경 → 서버에 반영되어 데이터가 수정 됨 PUT 타입으로 변경했을 때.. 웹 미니 프로젝트 1일차 웹 미니 프로젝트 진행도 1. 팀 프로젝트 주제 선정 GPT 활용 웹개발 종합 강의 최종 프로젝트 기반 추가 기능 구현 프로젝트 주요 기능 게시글 조회수 기능 게시글(링크 포함) 추천 페이지 id 기반 게시글 수정 및 삭제 기능 추천 웹툰 조회, 게시글 조회 기능 로그인 기능 추가 기능 아이디어 게시글, 웹툰 검색 즐겨 찾기 조회수 기반 추천 웹 화면 우측에 랭킹 띄우기 댓글 / 별점 기능 맡은 역할 : id 기반 게시글 수정 및 삭제 기능 구현 2. 팀 그라운드룰 제정 개인 사정으로 인한 일정 및 식사시간 팀원에게 공유 프로젝트 진행 간 발생하는 문제점 공유(안 되는 것 숨기지 않기) 예의바른 의사소통 팀 회의 참여(9시 - 시작 회의, 중간 - 진행 상황 공유, 7~8시 - 마무리 회의) 화기애애한 .. GPT 활용 웹개발 - 카드 삭제 기능 추가 카드 삭제 기능 추가 - Music.HTML & app.py HTML 파일 수정 - 웹 구조 파일 card-body에 삭제 버튼 코드 추가 {% for song in data %} {{ song.title }} {{ song.artist }} 추천 by {{ song.username }} {% endfor %} {% for song in data %} {{ song.title }} {{ song.artist }} 추천 by {{ song.username }} 삭제 {% endfor %} Card에 footer를 만들고 footer 위치에 삭제 버튼을 추가하는 것도 가능 태그에서 삭제 버튼 스타일 수정 가능 .delete-btn { background-color: #dc3545; /* 삭제 버튼의 배경색 .. GPT 활용 웹개발 기초 5주차 - 웹 배포하기 게시글 생성하기 Form 수정 music.html 파일의 Form 태그 수정 # Form 태그 수정 # 데이터 수정 # input 태그 맨 뒤에 name="보낼이름" 이라고 정해주면 보낼이름 에 맞춰서 Flask 서버에서 받을 수 있음 유저 등록하시는 사용자 이름을 넣어주세요. 노래 제목 좋아하는 노래 제목을 넣어주세요. 가수 앨범 커버 URL Submit # method는 여러 방법이 있는데, 주로 `POST` 나 `GET` 을 많이 사용합니다. #`GET` 은 검색 등에 많이 사용하고, `POST` 는 로그인 등 중요한 정보를 서버에 전달할 때 많이 사용합니다. Form에서 보낸 데이터 Flask에서 받기 @app.route('/music/create') def music_create(): # for.. GPT 활용 웹개발 기초 4주차 - DB, SQLite PIP Frezze로 패키지 한 번에 설치하기 # 터미널에서 실행 # pip list로 설치된 라이브러리 확인 가능 pip freeze > requirements.txt # 새로운 가상환경에 라이브러리 한 번에 설치 pip install -r requirements.txt 라우팅 연습 주소에 따라 HTML 파일이 보이도록 처리 from flask import Flask, render_template app = Flask(__name__) @app.route("/") def home(): return render_template("motto.html") @app.route("/music/") def music(): return render_template("music.html") if __name__ ==.. GPT 활용 웹개발 기초 3주차 - Python & Flask Python 기초 문법 변수 & 기본 연산 자료형 조건문 반복문 함수 # 변수 & 기본 연산 a = 10 # a에 10을 넣는다. b = 3 # b에 3을 넣는다. print(a + b) # 13 print(a - b) # 7 print(a * b) # 30 print(a / b) # 3.3333333333333335 print(a % b) # 1 print(a // b) # 3 print(a ** b) # 1000 print(a > b) # True print(a "Boolean"형이 들어갈 수도 있습니다. print(is_number) # 자료형 - list a_list = ["사과", "배", "감"] # 리스트 안에 문자열, 숫자 섞여서 만들 수도 있어요 print(a_list[0]) # a라는 .. 이전 1 2 다음
