| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
- javascript
- PYTHON
- CRUD
- frontend
- backend
- venv
- flaskframework
- atlas
- CSS
- mongodb
- get
- body
- fetch
- beautifulsoup
- github
- Algorithm
- OOP
- requests
- json
- Crawling
- NAS
- Project
- openapi
- flask
- synology
- POST
- portfolio
- java
- mysql
- pymongo
- Today
- Total
목록view (4)
wisePocket
[Flask] Flask framework 미니프로젝트(project fan) 04 (Frontend 기초 테스트 View 페이지 작성 및 모듈화 + 현재날짜 HTML에 표기 구현)
새로운 앨범 너무 멋져요!개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)fan/templates/index.html Body는 Container(Wrap)내 Header / Content / Footer 로 구분 Header : 웹 페이지 타이틀 현재 기온을 나타내주는 부분 #temp 현재 날짜 #date 가수의 노래 오늘 순위 #rank 해당 노래의 순위 변동 #rankdiff Content : (Input form) 응원 댓글을 기록하는 양식은 다음과 같다. 닉네임 (#name)을 input 태그를 통해 value 획득 응원 댓글..
[Flask] Flask framework 미니프로젝트(project bucket) 03 (Frontend 기초 테스트 View 페이지 작성 및 모듈화)
개발하고자 하는 프로젝트의 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의 역할은 하지 않기 때문..
[Flask] Flask framework 미니프로젝트(project pedia) 04 (Frontend 기초 테스트 View 페이지 작성 및 모듈화)
개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)pedia/templates/index.html Body는 Header / Content 로 구분 Header : 타이틀(title), 영화 기록하기(button onclick 이벤트) Content : button을 누르면 content부분에 리뷰를 기록하는 양식(form) 이 나타남 onclick open_box() 함수 호출 리뷰를 기록하는 양식은 다음과 같다. 영화 URL(#url) input 태그를 통해 value 획득 별점(#star) select>1~5option 태그를 통해..
[Flask] Flask framework 미니프로젝트(project mars) 03 (Frontend 기초 테스트 View 페이지 작성 및 모듈화)
개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)mars/templates/index.html Body는 Header / Content 로 구분 Header : 간단한 타이틀과 주문 관련 설명 기록 Content : 이름(#name), 주소(#address)는 input 태그를 통해 value 획득 평수(#size)는 select박스에 5개 option을 선택하여 value 획득 table>thead 에 이름, 주소, 평수 컬럼명 3행 지정 table>tbody(#order-box) 에 추후 save_order() 함수의 결과가 1열씩..