html
-
jQuery 란 ? HTML 요소들을 편하게 사용할 수 있도록 만들어 놓은 javascript로 작성된 라이브러리. *import(임포트) head태그 내부에 CND(링크를 통해 임포트)을 한줄 추가시켜주면 사용할 수 있다. /// jQuery로 data 가져오기 submit 대충 input태그로 입력양식을 만들어준뒤 이런식으로 사용한다. 위코드대로라면 콘솔창에 입력한 값이 찍히게 된다.
jQuery란 ? selector (선택자) , val (값 가져오기) , 간단 예제 , 사용법jQuery 란 ? HTML 요소들을 편하게 사용할 수 있도록 만들어 놓은 javascript로 작성된 라이브러리. *import(임포트) head태그 내부에 CND(링크를 통해 임포트)을 한줄 추가시켜주면 사용할 수 있다. /// jQuery로 data 가져오기 submit 대충 input태그로 입력양식을 만들어준뒤 이런식으로 사용한다. 위코드대로라면 콘솔창에 입력한 값이 찍히게 된다.
2020.05.26 -
* Javascript의 Data Types Boolean Null , Undefined Number String Symbol (new in ECMAScript 6) + 객체 (object) * Javascript 산술 연산자 사칙연산 (+ , - , / , * ) 은 타 언어와 같다. 나머지 : % 거듭제곱 : ** 증감 : ++ , -- 단항 양부호, 단항 음부호 : + , - *단항 양부호, 단항 음부호를 문자열이나, True, false, null 등 숫자형이 아닌 값들에 붙이게되면 숫자형으로 변형된다. 단항 양부호 예제 a = "100" b = 7 a+b = 1007 >>> a 앞에 단항부호를 안붙였으므로 문자열 "100" + 7 = 1007이 되었다. +a +b = 107 >>> a앞에 단항양..
(Javascript) 데이터 타입(Data type) - 문자열 , 숫자* Javascript의 Data Types Boolean Null , Undefined Number String Symbol (new in ECMAScript 6) + 객체 (object) * Javascript 산술 연산자 사칙연산 (+ , - , / , * ) 은 타 언어와 같다. 나머지 : % 거듭제곱 : ** 증감 : ++ , -- 단항 양부호, 단항 음부호 : + , - *단항 양부호, 단항 음부호를 문자열이나, True, false, null 등 숫자형이 아닌 값들에 붙이게되면 숫자형으로 변형된다. 단항 양부호 예제 a = "100" b = 7 a+b = 1007 >>> a 앞에 단항부호를 안붙였으므로 문자열 "100" + 7 = 1007이 되었다. +a +b = 107 >>> a앞에 단항양..
2020.05.05 -
*Fetch 란? Ajax를 구현할 수 있는 비교적 최근에 나온 기술. jQuery.ajax()와 다른점은 (1) fetch로부터 반환되는 객체는 HTTP error상태를 reject하지 않는다. (2) 쿠키를 보내거나 받지 않는다는점. 웹페이지 전체를 리로딩(re-loading)하지 않고, 일부분만 다른 데이터로 교체(갱신)하는 기능을 한다. Promise 객체를 반환하는 비동기 통신을 한다. *비동기 처리 : 일반적으로 어떠한 특정 명령어가 있으면, 그것이 완료된 후에 다음 명령어를 수행하지만, 비동기처리는 특정코드를 실행하고, 그 코드가 완료되기 전에 다음코드를 이어서 수행하는것을 말한다. *Promise(프로미스) : 자바스크립트에서 비동기 처리에 활용되는 객체를 말한다. *Fetch 간단한 예제..
Fetch API 의 사용 및 간단한 예제 ( 개념 , 비동기 처리 , ajax )*Fetch 란? Ajax를 구현할 수 있는 비교적 최근에 나온 기술. jQuery.ajax()와 다른점은 (1) fetch로부터 반환되는 객체는 HTTP error상태를 reject하지 않는다. (2) 쿠키를 보내거나 받지 않는다는점. 웹페이지 전체를 리로딩(re-loading)하지 않고, 일부분만 다른 데이터로 교체(갱신)하는 기능을 한다. Promise 객체를 반환하는 비동기 통신을 한다. *비동기 처리 : 일반적으로 어떠한 특정 명령어가 있으면, 그것이 완료된 후에 다음 명령어를 수행하지만, 비동기처리는 특정코드를 실행하고, 그 코드가 완료되기 전에 다음코드를 이어서 수행하는것을 말한다. *Promise(프로미스) : 자바스크립트에서 비동기 처리에 활용되는 객체를 말한다. *Fetch 간단한 예제..
2020.05.03 -
*Flask 회원가입기능 만들기 *구조 (Structure) Flask폴더 │ ├── templates (폴더) │ ├── register.html │ │ ├── app.py (실행파일) ├── db.sqlite (이건 자동으로 생성됨) ├── models.py * app.py from flask import Flask, render_template, request, redirect #render_template으로 html파일 렌더링 from models import db import os from models import Fcuser app = Flask(__name__) @app.route('/') def hello(): return render_template("hello.html") #GET =..
플라스크 (Flask) - 회원가입 기능 만들기 (MVC 패턴 )*Flask 회원가입기능 만들기 *구조 (Structure) Flask폴더 │ ├── templates (폴더) │ ├── register.html │ │ ├── app.py (실행파일) ├── db.sqlite (이건 자동으로 생성됨) ├── models.py * app.py from flask import Flask, render_template, request, redirect #render_template으로 html파일 렌더링 from models import db import os from models import Fcuser app = Flask(__name__) @app.route('/') def hello(): return render_template("hello.html") #GET =..
2019.11.06