728x90 반응형 📱 웹(Web)17 [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. [Jsp] Kakao api & 한글 세팅 💡 Kakao Map api 사용하기 밑의 링크에서 내 애플리케이션을 생성하여 API KEY를 발급 받은 후 예시대로 사용하면 된다. Kakao 지도 API https://apis.map.kakao.com/web/sample/basicMap/ 💡 한글 깨질 때 해결 방법 JSP를 사용할 때 한글이 깨지는 경우 이대로 설정 해보자..! GET 방식 server.xml ( in Tomcat 5.5/conf) POST 방식 JSP Source 2023. 8. 20. [Jsp] JDBC 프로그래밍 💡 JDBC ( Java DataBase Connectivity ) JDBC란, 자바 언어로 다양한 종류의 관계형 데이터베이스에 접속하고 SQL문을 수행하여 처리하고자 할 때 사용되는 표준 SQL 인터페이스 API입니다. https://opentutorials.org/module/3569/21222 JDBC 프로그래밍 - JSP/서블릿 흝어 보기 JDBC란? JDBC란, 자바 언어로 다양한 종류의 관계형 데이터베이스에 접속하고 SQL문을 수행하여 처리하고자 할 때 사용되는 표준 SQL 인터페이스 API입니다. JDBC는 자바의 표준 에디션에서 지원하는 opentutorials.org 2023. 8. 20. [Jsp] Form & 내장객체 💡 태그 사용자가 입력한 값을 전달하는 역할 속성(Action) : “값을 전달할 페이지 지정” 속성(Method) : “전송 방식 지정” - [post, get] 태그 사용자가 데이터를 입력할 수 있는 방식 제공 속성(Type) : “입력 형태 지정” - [text, hidden, password, radio, checkbox, submit, reset ~] 속성(Name) : “변수 이름 지정” 태그 여러 줄의 문장을 입력할 수 있는 태그 속성(cols) : “열” 속성(rows) : “행” 태그 리스트 항목을 선택 속성(Name) : “변수명 지정” 태그로 선택 값 추가 💡 request 객체 Form 태그를 이용해 서버로 전송된 데이터를 저장하는 객체이다. getParameter() : 전송된 데.. 2023. 8. 20. [Jsp] 기본 구조 💡 JSP 구조 JSP는 HTML페이지에 JSP가 삽입된 구조이다. 디렉티브(Directive) : jsp페이지의 설정 정보를 지정 스크립트릿(Scriptlet) : jsp페이지에 자바 코드를 삽입하는 부분 코드 예시) 2023. 8. 20. [Jsp] JSP란? 💡 JSP (JavaServer Pages ) 란 무엇인가? JSP 란 JavaServer Pages 의 약자이며, HTML 코드에 JAVA 코드를 넣어 동적 웹페이지를 생성하는 웹어플리케이션 도구이다. JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 애플리케이션 서버에서 동작 되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다. 웹 애플리케이션(Web Application) 웹 애플리케이션은 웹에서 실행되는 응용프로그램을 뜻하며 인터넷을 통한 은행 업무, 인터넷 쇼핑, 등등 인터넷에서 하는 여러 서비스를 총칭하며 사용자가 필요한 요청(Request) 를 하고 서버에서는 이에 해당하는 요청을 수행하고 그리고 요청한 데이터를 응답(Response) .. 2023. 8. 20. [Vue.js] 기본 개념 이해 Vue.js 라이브러리 추가 인스턴스 생성: Vue 인스턴스는 Vue.js 애플리케이션의 진입점이며, 애플리케이션의 데이터, 메소드, 라이프사이클 훅 등을 정의 var app = new Vue({ // 데이터 data: { message: 'Hello, Vue!' }, // 메소드 methods: { updateMessage: function() { this.message = 'Updated message!'; } }, // 템플릿 template: '{{ message }}' }); 인스턴스 연결: Vue 인스턴스를 웹 페이지에 연결하려면 HTML 요소와 Vue 인스턴스를 연결해야 합니다. 일반적으로 el 옵션을 사용하여 연결할 요소를 지정 var app = new Vue({ el: '#app', //.. 2023. 8. 20. [Vue.js] vue.js란? Vue.js는 사용자 인터페이스를 구축하기 위한 progressve(점진적) 자바스크립트 프레임워크이다. 웹 애플리케이션의 화면 부분을 구성하는데 사용되며, 반응형 UI를 손쉽게 개발할 수 있도록 도와준다. 직관적이고 유연한 API를 제공하므로 쉽게 배울 수 있으며, 작은 규모의 프로젝트부터 대규모 애플리케이션까지 다양한 범위의 프로젝트에 적합하다. 가벼운 크기와 직관적인 문법으로 인해, SPA (Single Page Application)개발에 매우 적합하다. ( => 페이지 전환 없이 동적으로 콘텐츠를 로드하고 업데이트하는 웹 애플리케이션) 특징 경량성: 다른 자바스크립트 프레임워크에 비해 가볍고 경량성을 가지고 있습니다. 파일 크기가 작고 초기 로딩 속도가 빠르며, 기본 기능 이외의 기능은 플러그인.. 2023. 8. 20. 이전 1 2 다음 728x90 반응형
