본문 바로가기

전체 글75

[Web] 팬명록 페이지 - ( week 5 ) 팬명록 페이지 완성본을 보고 따라서 만들어 본다. 페이지 구조 타이틀 텍스트가 있고 그 아래 현재 기온을 API를 호출해서 보여준다. 닉네임, 응원댓글을 입력을 받아서 버튼을 누르면 페이지에 표시된다. 베이스 코드 서버와 클라이언트 베이스 코드를 작성한다. from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/guestbook", methods=["POST"]) def guestbook_post(): sample_receive = request.form['sample_give'.. 2023. 5. 1.
[Web] 버킷리스트 페이지 - ( week 5 ) Bucket List 버킷리스트를 작성하고 관리하는 페이지를 만들어본다. 기본적인 프로젝트 세팅을 먼저 해준다. venv 가상환경 설정 venv 폴더 생성 및 경로 설정 패키지 설치 필요한 패키지를 설치 pip install flask pymongo dnspython 베이스 코드를 작성한다. # app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post(): sample_receive = req.. 2023. 5. 1.
[Flutter] 숙제 Book 애플리케이션 추가 구현 - ( week 4 ) 첫 번째 목표 ListTile의 subtitle 자리에 작가 이름, 책 발행일 가져와서 보여주기 작가 이름과 책 발행일은 줄 바꿈으로 구분 작가가 여러 명인 경우 각각의 작가명을 쉼표로 구분 API 확인 우선 가져올 정보를 API 데이터를 보고 확인한다. 필요한 정보인 작가와 발행일은 각각 authors, publicshedDate의 이름으로 들어온다. authors의 경우 리스트이기 때문에 받아올 때도 리스트에 담는다. class Book { String id; String title; String subtitle; List authors; String publishDate; String thumbnail; // 썸네일 이미지 링크 String previewLink; // ListTile 을 눌렀을 때.. 2023. 4. 29.
[Flutter] WebView 띄우기 - ( week 4 ) 책 목록에서 책을 선택했을 때 책에 대한 자세한 설명은 웹을 띄워서 보여주도록 한다. API에서 previewLink의 값을 활용해서 webview를 띄우도록 한다. previewLink: "http://books.google.co.kr/books?id=8OxGcCJViU4C&pg=PA160&dq=%24q&hl=&cd=1&source=gbs_api", WebView webview는 앱 내에서 웹 브라우저 컴포넌트를 사용해 웹 페이지를 띄우는 것을 말한다. 즉, 앱 내에 웹 브라우저를 넣어 주는 것이다. 대표적으로 webview를 사용한 것으로 Naver 앱이 있다. 네이버 앱은 UI가 모바일 웹사이트와 거의 동일한데 껍데기만 앱으로 만들고 내부는 WebView를 사용해서 모바일 사이트를 그대로 띄우는 방.. 2023. 4. 28.

티스토리툴바