목록전체 글 (41)
kaki1013
# 예시 코드 from flask import Flask, request, redirect app = Flask(__name__) nextId = 4 topics = [ {'id': 1, 'title': 'html', 'body': 'html is ...'}, {'id': 2, 'title': 'css', 'body': 'css is ...'}, {'id': 3, 'title': 'javascript', 'body': 'javascript is ...'} ] def template(contents, content): return f''' WEB {contents} {content} create ''' def getContents(): liTags = '' for topic in topics: liTags..
# 쓰기 칸 만들기 1. 예시 코드 from flask import Flask app = Flask(__name__) topics = [ {'id': 1, 'title': 'html', 'body': 'html is ...'}, {'id': 2, 'title': 'css', 'body': 'css is ...'}, {'id': 3, 'title': 'javascript', 'body': 'javascript is ...'} ] def template(contents, content): return f''' WEB {contents} {content} create ''' def getContents(): liTags = '' for topic in topics: liTags = liTags + f'{top..
# 예시 코드 from flask import Flask app = Flask(__name__) # 코드 실행 종료 시, 작성된 내용이 초기화 됨 -> 실제로는 데이터베이스 이용 topics = [ {'id': 1, 'title': 'html', 'body': 'html is ...'}, {'id': 2, 'title': 'css', 'body': 'css is ...'}, {'id': 3, 'title': 'javascript', 'body': 'javascript is ...'} ] # 유지보수의 편의성을 위해서 기본 HTML 코드를 템플릿화 def template(contents, content): return f''' WEB {contents} {content} ''' def getContents..
# 예시 코드 from flask import Flask app = Flask(__name__) topics = [ {'id': 1, 'title': 'html', 'body': 'html is ...'}, {'id': 2, 'title': 'css', 'body': 'css is ...'}, {'id': 3, 'title': 'javascruot', 'body': 'javascript is ...'} ] @app.route('/') def index(): liTags = '' for topic in topics: liTags = liTags + f'{topic["title"]}' return f''' WEB {liTags} Welcome Hello, Web ''' @app.route('/create/'..
# 요약 1. 웹 프레임워크를 배울 때 처음으로 찾아봐야 할 것 = 이 웹 프레임 워크는 라우팅을 어떻게 하나? 2. Routing = 사용자의 요청을 어떤 함수가 응답할 것인가를 연결하는 작업 3. @app.route()를 이용해서 경로를 지정 → 그 아래의 함수가 요청을 처리할 함수로 지정됨 4. URL 경로 상에서 변하는 부분이 있다면 의 형식으로 패턴을 지정 가능 5. 자세한 내용은 아래 링크 참고 https://flask.palletsprojects.com/en/2.3.x/quickstart/#routing Quickstart — Flask Documentation (2.3.x) Quickstart Eager to get started? This page gives a good introduct..
# 수업소개 - 웹 프레임워크를 사용하는 이유 1. 예시 기본 틀이 동일한 1억개의 html이 내부적으로 하이퍼링크로 연결되어 있다고 가정 이때 페이지가 하나 추가되면 모든 문서에 1억 1번째 하이퍼링크 연결해야 함 → 한번에 처리할 수 없을까? 사용자들의 투고를 받아서 운영, 수정하려면? 모두 메일로 받는게 아니라 사용자가 입력 양식에 내용을 입력하여 저장하고, 페이지로 만들 수 있다면? 또한, 사용자를 구분해서 최적화된 웹 페이지를 보여줄 수 있다면? -> 파이썬으로 사용자의 요청이 들어올 때마다 웹페이지를 순간적으로 찍어내서 서비스하는 웹 공장을 만들자! 2. 주요 내용 파이썬으로 모두 만들 수 있지만 어려움 공통적인 부분은 웹 프레임워크에게 맡기고, 애플리케이션이 가진 개성을 만드는 데에 집중 (..
# 객체의 개념 1. 객체(object)란? 객체(object) = 실생활에서 우리가 인식할 수 있는 사물로 이해 가능 2. 객체의 예 객체(object) - 고양이 프로퍼티(property) - cat.name = "나비" - cat.family = "코리안 숏 헤어" - cat.age = 0.1 - cat.weight = 300 메소드(method) - cat.mew() - cat.eat() - cat.sleep() - cat.play() : 고양이 객체는 모두 위와 같은 프로퍼티를 가지지만, 각 프로퍼티의 값은 인스턴스마다 전부 다를 것! 3. 자바스크립트 객체 자바스크립트의 기본 타입(data type) = 객체(object) 객체 = 이름(name)과 값(value)으로 구성된 프로퍼티(prop..
# 함수의 기초 1. 함수(function)란? : 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 → 필요할 때마다 호출하여 해당 작업을 반복해서 수행 가능 참고) 블록 = 함수나 실행문의 중괄호({})로 묶여진 부분 in 자바스크립트 function addNum(x, y) { return x + y; } document.write(addNum(2, 3)); 2. 자바스크립트 함수 자바스크립트에서는 함수도 하나의 타입(datatype) → 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는 것도 가능 → 자바스크립트 함수는 다른 함수 내에 중첩되어 정의 가능 3. 함수의 정의 자바스크립트에서 함수의 정의는 function 키워드로 시작 함수의 구성요소 - 함수의 이름 - 괄호 안에 쉼표(..
# 배열의 기초 1. 배열(array)이란? 배열(array) = 이름과 인덱스로 참조되는 정렬된 값의 집합 in 자바스크립트 배열 요소(element) = 배열을 구성하는 각각의 값 인덱스(index) = 배열에서의 위치를 가리키는 숫자 - 배열의 특징 (1) 배열 요소의 타입이 고정되어 있지 않음 → 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수 O (2) 배열 요소의 인덱스가 연속적이지 않아도 됨 → 특정 배열 요소가 비어 있을 수 O (3) 자바스크립트에서 배열은 Array 객체로 다뤄짐 2. 배열의 생성 자바스크립트에서 배열을 만드는 방법 문법 1. var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 2. var arr = Array(배열요소1, 배열..
# 조건문 1. 제어문(control flow statements) 제어문 = 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문 (조건문, 반복문 등) 2. 조건문(conditional statements) 조건문 = 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문 → if 문 = 조건문 중에서 가장 기본이 되는 실행문 자바스크립트에서 사용할 수 있는 조건문의 형태 - if 문 - if / else 문 - if / else if / else 문 - switch 문 3. if 문 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행 X 문법 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } va..