python7 미니 팀프로젝트 : 팀 소개 웹페이지 3일차 TIL [What I did] 수정 삭제 버튼 구현 시도 삼일천하 번아웃 1. 수정 삭제 버튼 구현 시도 이미지를 넣은 상태로 등록은 되지만 수정과 삭제 구현은 되지 않았다. 문제점: 고유 id값 설정을 안 해서 DB 전송이 안됨 해결법: 고유 id 값을 사용하여 수정 삭제 버튼을 구현하고자 시도함 결과: to be continued 2.삼일천하 번아웃 지난 3일 팀프로젝트뿐만 아니라 개인적인 일정에도 집중하느라 모든 에너지를 쓴 듯하다 반복되는 구현실패와 팀원들과의 분위기 조절이 많은 것을 배우게 한다 [느낀 점] 자기관리 중요하다 - 매일 운동 - 매일 동일한 기상, 취침 개발일지 기록이 나를 바꾼다 - 매일 배운 것, 부족한 점, 해결 점 기록하기 나는 주니어라는 거 기억하기 - 못하는 거 당연하니.. 2023. 5. 19. 미니 팀프로젝트 : 팀 소개 웹페이지 2일차 TIL 1. 메인 페이지에서 동물 방명록 페이지로 이동하는 버튼을 꾸몄다 .btn {font-size: 20px; font-weight: bold; padding: 10px 30px; background-color: white; color: black; border: 3px solid black; border-radius: 30px; text-transform: uppercase; letter-spacing: 0px; font-family: sans-serif; transition: all 0.4s;} .btn:focus {outline: none;} .btn:hover {background-color: black; color: white;} 결과 2.백엔드와 프론트엔드 연결 프론트(동물 방명록)에 입력.. 2023. 5. 16. 미니 팀프로젝트 : 팀 소개 웹페이지 1일차 TIL 팀 소개 웹페이지를 구현하기 위해 와이어프레임과 역할 분담을 나누었다 발제가 금주 금요일이므로 4일 만에 프로젝트를 완성해야 했다 때문에 하루는 CR구현, 하루는 UD구현, 하루는 최종수정 및 발제준비로 일정을 짜보았다 우왕좌왕 좌충우돌이었지만 각자 역할분담을 나누어 조금씩 구현해 보기로 하였다 역할 분담은 프론트/백엔드로 나누었으나 결론적으로는 GET/POST 한 묶음씩 역할 분담을 나누는 것이 더 효율적 여보였다 우리가 만들고자 하는 웹페이지는 1. 팀과 팀원 소개 2. 방명록 을 구현하는 것이었고 방명록의 경우 좋아하는 동물과 이유를 적고 동물의 이미지 주소를 넣었을 때 기록물들이 남기는 효과를 구현하고자 했다 API 명세는 다음과 같이 계획했으나 점차 하면서 request와 response.. 2023. 5. 15. 네 번째 미니 프로젝트: 팬명록 이번 프로젝트는 팬명록 만들기이다 좋아하는 연예인의 팬명록을 만드는 것인데 닉네임, 응원댓글을 기록하면 아래로 기록들이 달리는 사이트이다 결과 먼저 보기 대표사진 삭제 사진 설명을 입력하세요. 나는 좋아하는 연예인이 없어서 친한 친구가 좋아하는 연예인(비투비 이창섭씨)을 대상으로 하여 만들었다 :) 이번 프로젝트에도 사용한 언어는 python이며 프레임워크는 flask를 사용하였다 이전 포스트와 마찬가지로 주요 코드를 공유하는 것으로 포스트를 마치고자 한다 python from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient import certifi ca = .. 2023. 5. 11. 세 번째 미니프로젝트: 나의 버킷리스트 웹개발 강의 5주차에 접어들었다 드디어 마지막 강의다 흑흑 ㅠㅠ 5주차에는 지금까지 배운 내용을 정리하고 생소한 정보를 복습하는 시간이었다 또한 미니프로젝트 2개를 추가로 진행하는데 벡엔드 서버 Flask로 서버를 만드는 작업을 2번 반복한다 나의 버킷리스트 만들기 결과물! *웹사이트를 만드는 순서는 앞서 포스트한 순서와 동일하다 따라서 본 포스트에서는 코드만 공유하고자 한다* app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient import certifi ca = certifi.where() client = MongoClient('mongodb.. 2023. 5. 11. 첫 번째 미니프로젝트 - 화성땅 공동구매 이번 포스트와 다음 포스트는 실제로 미니 프로젝트를 만든 시간이었다 즉, 나만의 웹페이지를 만들어보는 시간이다 결과물부터 봐보자! 이번 프로젝트는 화성에서 땅을 공동구매하기 위해 주문하는 웹페이지이다 주문 상세에는 이름, 주소, 평수이며 주문하기를 누르면 아래에 주문자의 리스트가 기록되는 사이트이다 만드는 순서 1.app.py 만들기 2.가상환경 만들기 남이 만든 라이브러리를 사용할 것이기 때문에 그것을 담을 환경이 필요하니 터미널에서 venv 만들기 터미널에 $ python3 -m venv venv 치고 엔터 (맥용) (윈도우용) $ python -m venv venv 3.templates 폴더 생성 그 안에 index.html 생성 4.flask 설치 터미널에서 $ pip install flask치고.. 2023. 5. 11. 웹개발 종합반 4주차 (2) 저번 포스트에서는 프론트엔드에서 API, 데이터를 받는 것을 배웠다 웹개발 종합반 4주차 (1) 4주차에서는 백엔드 과정을 배웠다 즉, 서버 만들기를 배웠다 두근두근 다만 백엔드 과정이 꽤나 양이 많아 포스트를 4개로 나누어 포스팅하였다 마지막 포스트 2개는 실제로 미니 프로젝트를 earlgrey-is-here.tistory.com 4주차에서는 백엔드 과정을 배웠다 즉, 서버 만들기를 배웠다 두근두근 다만 백엔드 과정이 꽤나 양이 많아... 데이터를 받을 때 fetch를 사용해 보았는데 프론트엔드(.html 등)와 벡엔드(.py 등)가 소통하는 방법은 여러 가지가 있다고 한다 그중에 우리는 GET, POST 방식 등을 배웠다 이번 포스트에서는 두 방식을 배운 내용을 공유하고자 한다 GET 요청의 특징은 .. 2023. 5. 11. 이전 1 다음
