본문 바로가기

분류 전체보기

 (78)
[JS] Window - 안내메세지 / 확인메세지 / 입력메세지 띄우기 window 속성(값) 메소드 타겟 을 배경색으로 구분하겠다. HTML 삽입 미리보기할 수 없는 소스 여기서 사용한 메세지창을 띄우는 각각의 메소드들(alert / confirm / prompt)은 DOM의 최상위 객체인 window객체의 메소드이므로 타겟인 window을 생략하고 사용할 수 있다. .innerHTML() 으로 사용자에게 받은 결과값을 html 요소 중 class 이름이 .log인 요소의 값을 변경한다. 타겟 : document.querySelector('.log') 값 : 변수에 저장되는 메소드(confirm,prompt)의 결과값 결과 : 요소의 값이 사용자에게 입력받은 결과값으로 변경된다. 버튼2는 confrim('재밌는 하루를 보냈나요?')으로 확인과 취소 두 버튼을 가지며 메시지..
[JS] 브라우저 DOM https://www.w3schools.com/js/js_htmldom.asp JavaScript HTML DOM W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 웹 브라우저에서 다루는 객체(BOM) 중 가장 최상위는 window이며 DOM은 window의 하위객체 DOM(Document Object Model) 문서객체모델로 여러 모델이 있지만 여기선 HTML DOM으..
[JS] 기본 배열 - 1편 JS의 배열은 데이터 타입에 상관없이 혼합해서 사용할 수 있다. const array_1= [1,'apple',true] 배열의 정의로 함수 new Array()을 이용할 수도 있다. const a = new Array(3) a[0]='apple' a[1]=false a[2]=34 또는 아래처럼 정의할 수 있다. const b = new Array('orange',true,43) 그렇지만 데이터를 직접입력하는 경우 [ ] 을 사용하는 것이 가장 간단하다. 배열을 다룰 때 사용하는 여러 함수가 있다. 1) forEach(콜백함수) 콜백함수로 배열의 값과 인덱스를 활용해서 출력해보자 onst array_1 = [2,3,5,7,11,13,17,19] array_1.forEach((value,index) => ..
[Flask] 여러 사용자의 가입과 로그인을 관리해보자 0. 사용자.db을 만든다. 사용자로 부터 입력받은 데이터를 이용해 사용자db을 만든다. class User(UserMixin, db.Model): id = db.Column(db.Integer, primary_key=True) email = db.Column(db.String(100), unique=True) password = db.Column(db.String(100)) name = db.Column(db.String(1000)) 이메일 비밀번호 이름을 정보를 받는다. UserMixin 은 flask_login에서 가져온 함수 이다. @app.route('/register', methods=["GET", "POST"]) def register(): if request.method == "POST":..
[Python][Flask]form안에 에디터 CKEditor CKEditor 란 WSGI을 지원하고 편집기능을 지원하는 에디터의 오픈소스 중 하나로 pip 설치 후 사용할 수 있다. https://flask-ckeditor.readthedocs.io/en/latest/index.html Flask-CKEditor — Flask-CKEditor 0.2.0 documentation flask-ckeditor.readthedocs.io 설치 후 html안에 원하는 곳에 불러온다. {{ ckeditor.load() }} 이러면 필요한 소스들을 CND을 이용해서 사용할 수 있다. 대게 Flask_WTF/WTForms 와 같이 사용하곤 하는데 예를 들어 메인 서버에 아래와 같이 불러오면 from flask_wtf import FlaskForm from flask_ckedit..
[Python]Decorator @을 이용한 함수내 함수 함수를 다른 함수내 인자로 사용하는 여러 방법이 있다. 1. 일급객체 취급 def add(n1,n2) : return n1 + n2 def subtract(n1,n2) : return n1 - n2 def multiply(n1,n2) : return n1 * n2 def devided(n1,n2) : return n1 / n2 함수를 일급 객체로 취급하여 함수 안에 함수를 쓸 수 있다. def calc(calc_func, n1, n2) : return calc_fuc(n1, n2) calc(multiply, 3, 6) // return 18 2. 중첩함수 def out_func() : print("Hello") def nested_func(): print("the world!") out_funct() 안..
[Flask] 플라스크가 뭘까? - 5.추가 간단한 예 플라스크의 특징 request 이용하기 0. 간단한 예 from flask import Flask app = Flask(__name__) @app.route("/") def home(): return "안녕하세요!" * Serving Flask app 'main.py' (lazy loading) * Environment: development * Debug mode: on * Running on http://127.0.0.1:5000 (Press CTRL+C to quit) * Restarting with stat 127.0.0.1 - - [17/Jun/2022 09:52:51] "GET / HTTP/1.1" 200 - 127.0.0.1 - - [17/Jun/2022 09:52:51] "GET..
[Python][개념] 클래스에 대해서 클래스는 데이터(object)와 함수(method())을 함께 사용하는 객체지향프로그램으로 일종의 설계도면과 같다. 새로운 클래스를 만든다는 것은 새로운 각각의 형식의 객체를 만드는 것이고 이게 실제로 사용되는 것이 새로운 인스턴스가 만들어지는 것이다. (객체는 클래스로 만들어지는 대상을 뜻하고 실제 메모리에 할당되는 객체를 인스턴스라 부른다) 또 각각의 인스턴스는 다른 값을 가질 수 있고 다른 새로운 매서드를 사용할 수 있다. 예를 들어 만두 클래스를 보자 만두 1 만두 2 만두 3 만두 4 만두 5 만두 6 객체 -> 인스턴스 김치 파 두부 숙주 고기 부추 두부 당면 부추 파 두부 당근 당면 숙주 파 김치 고기 파 부추 당근 김치 고기 파 부추 데이터 굽기 찌기 삶기 튀기기 찌기 굽기 메소드2 반달 ..

티스토리툴바