코딩 (13) 썸네일형 리스트형 코딩교육 5주차(버킷리스트 제작) index.html 나의 버킷리스트 기록하기 app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:fdsa0729@cluster0.fg7gp.mongodb.net/?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post().. 코딩교육 5주차(gabia/AWS/filezilla/git-bash) 서버를 만들 때 필요한 사이트와 프로그램들 코딩을 배우다보니 코딩을 할 수 있도록 해주는 프로그램을 개발한 사람들은 누구일지 정말정말 궁금해졌다 (무에서 유를 창조했다는 생각에 절로 경외심이 드는.......ㄷㄷㄷ) 가비아를 통해 원하는 도메인 주소를 구입할 수 있다 나는 http://anothneo.shop/ 라는 도메인을 구입했다 ㅎㅎㅎ 해당 주소를 검색창에 입력만하면 전세계 인구 누구나 내가 만든 웹사이트를 볼 수 있다 AWS - 항상 켜놓을 수 있는 컴터인 EC2 사용권을 구입해서 서버로 활용할 수 있게 해주는 클라우드 서비스 서버에 업로드할 파일(예: app.py, static, templates 등)을 올리는 공간 git-bash 주의!!) Ctrl+c/v는 금물-오류 ㅜㅜ 마우스 우클릭 후 .. 코딩교육 4주차(팬명록 기능 완성) 응원남기기(post)/ 응원보기(get) from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:fdsa0729@cluster0.fg7gp.mongodb.net/?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app.route("/homework", methods=["POST"]) def homework_post(): nam.. 코딩교육 4주차(flask 기초) 1.static(directory) - 이미지, css 파일을 넣어둠 2.templates(directory) 2-1.index.html(HTML파일) 3.app.py(python 파일) app.py - flask 서버를 돌리는 파일명으로 app.py를 주로 사용(!!!!python 파일!!!!) from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/movie", methods=["POST"]) def movie_post(): sample_receive = request.for.. +) 그라데이션 넣기! 그동안 그라데이션 넣고 싶었는데 어케 넣는지 모르고 있다가 오늘이 되어서야 발견했다 ㅜㅜ 태그에서...... body { background: linear-gradient(180deg, #FFFCFD 0%, #FFE2E8 100%); height: 100vh; } height의 경우에는 100%;도 가능! 프로필 링크 페이지 제작(자체 휴식 ㅎㅎㅎ) 코딩 강의를 듣다보면 짧은 시간 안에 결과물을 내는 수업보다는 기능을 적용해보는 내용이 상당히 많다. 기능만을 접하다보니 지루하기도 하고 나만의 무언가를 얼른 만들고 싶어서 잠시 샛길로 빠져나갔다 ㅎㅎㅎㅎ;; 역시 짧은 시간에 결과를 낼 수 있는 건 쉽고 재밌다. (이런 건 맨날 할 수 있을 것 같다 ㅎㅎㅎ) 프로필 페이지 제작 github을 통해 배포하기까지!!! -개인 사업장을 운영하는 사람에게 유용할 것 같았다. 1. 태그에서 전체 배경에 해당하는 색을 넣을 때는 그냥 body{}에 바로!!!('.body{}' 아님!!!) 2. body에서 바로 background-image(배경에 사진 넣기 ㅎㅎㅎ) 3.는 하이퍼링크!! anoth 웹툰, 코딩, 요리, 패션 네이버웹툰 coding-anoth 백종.. 코딩교육 2주차(JQuery Quiz) 생각보다 까다롭고 어려웠다 ㅜ 이전에 배운 html, css는 양반 ㅜㅜ (그치만 매번 쉬운 것만 연습하면 의미가 없으니 분발하자!! ㅎㅎㅎ) Q1. 버튼을 눌렀을 때 칸에 아무것도 없으면 '입력하세요'라는 얼럿 띄우기 Q2. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기(이메일이 아니면 아니라고 얼럿)+이메일의 도메인만 추출해서 얼럿 - html 붙이기/지우기 연습 Q3-1. 이름을 입력하면 아래 나오게 하기 Q3-2. 다지우기 버튼을 만들기 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2.. 코딩교육 2주차(포스팅박스 열기 닫기 감추기 ) JQuery를 할 때는 id 주는 것을 잊지 말기!!!! >포스팅 박스 제어하기(에서!) function open_box(){ $('#post-box').show() } function close_box(){ $('#post-box').hide() } >포스팅 박스를 감춰두고 시작하기(에서!!)_display: none;요녀석이다! .mypost { max-width: 500px; width: 95%; margin: 20px auto 0px auto; box-shadow: 0px 0px 3px 0px gray; padding: 20px; display: none; } 이전 1 2 다음
