728x90 📱Web & Mobile20 [Vue.js] vue.js 문법과 사용방법 Component : Vue.js에서 컴포넌트는 재사용 가능한 UI 요소를 의미합니다. 각 컴포넌트는 자체적으로 데이터, 메서드, 스타일 등을 포함할 수 있습니다. 컴포넌트를 사용하여 애플리케이션을 작은 조각으로 나누고 각 조각을 개별적으로 관리할 수 있습니다. Vue.component('my-component', { template: '{{ message }}', data: () => ({ message: 'Hello, World!' }) }); Computed : 계산된 속성은 의존하는 데이터의 값에 기반하여 동적으로 값을 계산하는 속성입니다. 계산된 속성은 종속성을 갖는 데이터가 변경될 때만 다시 계산됩니다. new Vue({ data: { message: 'Hello, World!' }, comp.. 2023. 9. 11. [Flask] ChatBot-API 💡 챗봇 [ GPT-3.5 ] goormIDE 컨테이너 환경에서 개발 진행. application.py from utils import Api_key from data import get_data from learning import model_training from flask import Flask, request, jsonify, render_template from flask_apscheduler import APScheduler import sys import openai # key openai.api_key = Api_key.openAI_key application = Flask(__name__) scheduler = APScheduler() # Flask 앱 설정 application.con.. 2023. 8. 20. [Flask] APScheduler 챗봇 API 개발 시 날씨 데이터를 주기적으로 업데이트 해줘야하기 때문에 사용하게 됨. 💡 APScheduler 일정 시간마다 주기적으로 함수를 실행시켜주는 스케줄러이다. pip install Flask-APScheduler from flask import Flask from flask_apscheduler import APScheduler app = Flask(__name__) scheduler = APScheduler() # 작업으로 실행할 함수 def my_job(): print('Scheduled job is running!') # Flask 앱 설정 app.config['SCHEDULER_API_ENABLED'] = True app.config['JOBS'] = [ { 'id': 'my_job'.. 2023. 8. 20. [Flask] Template View 💡 Flask로 페이지 링크 및 파라미터 전송 1. 'templates’이름의 폴더 생성하여 밑에 view파일 생성 2. 함수에서 View를 리턴시키기 위해서는 render_template를 import 해야 함. 3. URL매핑 시 Parameter를 받기 위해서는 request를 import 해야 함. 4. HTML 페이지 리턴 return render_template('home.html') 5. Parameter추출 keyword = request.args.get('keyword') 6. HTML페이지 리턴 시 값을 같이 넘겨줌 return render_template('search.html', keyword=keyword) 7. HTML에서 {{keyword}} 를 이용하여 받은 값 출력 Code.. 2023. 8. 20. [Flask] 기본 사용법 1. flask 모듈 임포트 우선 Flask를 사용하기 위해서는 모듈을 설치하고 import해줘야 한다. # 터미널에서 실행 pip install flask # 코드 작성시 선언 from flask import Flask 2. flask 객체를 app에 할당 Flask()라는 Class를 app이라는 객체에 담아 사용한다. ‘_ name _’이란 python에서 해당 모듈(파일)의 이름을 나타낸다. 즉 Flask클래스에 현재 모듈을 담아서 app객체로 사용한다고 보면 된다. app = flask(__name__) 3. 라우팅(route) 경로 설정 SpringBoot의 @Mapping 태그와 동일 /hello 경로로 오는 요청에 대해서는 hello()메서드가 처리하겠다. @app.route("/hello.. 2023. 8. 20. [Flask] Flask란? 💡 Flask (플라스크) Flask는 Python 기반으로 작성된 마이크로 웹 프레임 워크(Micro Web Framework) 중 하나 이다. 간단한 웹 사이트나 API 서버를 만드는 데에 특화된 Python Web Framework이다. Web Framework 웹 프레임워크는 동적인 웹 페이지나 웹 애플리케이션을 개발할 대 유용하게 사용하는 일종의 틀(frame)이다. 데이터베이스 연동, 템플릿 표준, 세션 관리, 코드 재사용 등의 기능을 포함한다. Python 기반의 웹 프레임워크에는 Django, Flask, Bottle, Pyramid가 있다. 장점 ⇒ 가볍게 배우고, 사용하며 배포할 수 있다. 단점 ⇒ Django에 비해 자유도는 높지만 제공해주는 기능이 비교적 적다. 즉 Flask는 소규.. 2023. 8. 20. [AndroidStudio] 외부 API호출 (chatbot) Chatbot API 코드 from utils import Api_key from data import get_data from learning import learn_data from flask import Flask, request, jsonify, render_template import sys import openai import json application = Flask(__name__) # key openai.api_key = Api_key.openAI_key # 챗봇 API 매핑 (POST) @application.route("/", methods=['POST']) def chatbot(): try: request_data = request.get_json() user_input = req.. 2023. 8. 20. [AndroidStudio] PHP 외부 DB연결 💡 PHP를 이용하여 외부 DB와 연결하여 사용하는 방법! 안드로이드 애플리케이션은 보안상의 이유로 ‘외부’ 데이터베이스에 바로 접근하지 못하기 때문에 (php+서버)를 중간에 두고 연결하여 사용해야 한다. 💡 -코드 작성- 먼저 build.gradle(App)파일에 서버 통신 관련 라이브러리인 implementation 'com.android.volley:volley:1.2.1' 을 추가해줘야 한다. Activity에서 Response&Request메서드 작성 Response Listener를 생성하고 onResponse()메서드 @Override한다. JSONArray or JSONObject객체로 값을 반환 받아서 사용한다. 마지막에는 RequestActivity객체에 전달할 값을 담아 생성하고 R.. 2023. 8. 20. [AndroidStudio] TMap API SK open API SK open API SK텔레콤 데이터와 시각화 가공을 지원 받을 수 있는, 데이터 바우처 사업 에 대해서 알아보세요! 더 알아보기 openapi.sk.com 💡 사용 방법! 회원가입/로그인 요금제 구입(FREE) 앱 만들기 개발 가이드 (Raster Map SDK) Guide | T MAP API Guide | T MAP API tmapapi.sktelecom.com 2023. 8. 20. 이전 1 2 3 다음 728x90
