반응형

예제 6

[Bootstrap] Templates 무료 예제로 Flask와 연동하기

목차 Templates 무료 예제 다운(Download) 받기 우선 Bootstrap으로 만든 HTML 무료 예제를 다운 받습니다. 이번 예제에 사용할 Template는 아래 링크에서 가져 왔습니다. https://startbootstrap.com/template/simple-sidebar Simple Sidebar - Bootstrap Sidebar Template - Start Bootstrap Like our free products? Our pro products are even better! Go Pro Today! startbootstrap.com 심플한 디자인이고 각 각 하나의 HTML, JS, CSS 파일로 구성되어 있습니다. "startbootstrap-simple-sidebar-gh-p..

분산, 표준 편차란? 파이썬으로 쉽게 계산하기 (예제로 이해하기)

분산, 표준 편차란? 앞서 평균 제곱, 분산,자유도 (Mean Square, Variance,DOF)에 대해 설명하였다. 상세 내용을 보고 싶다면 괄호안의 링크를 참조하길 바란다. (https://scribblinganything.tistory.com/265) 다시 정의 하면 아래와 같다. 분산을 수식으로 전개하면 아래와 같다. 알려진 평균값 u에서 어느정도 벗어 났는지를 알려준다. 제곱을 치함으로써 평균 대비 아래 위로 방향성에 상관없이 크기로 결정한다. 표준 편차는 분산에 root를 씌운값으로 아래와 같다. 파이썬으로 계산하기 (예제로 이해하기) 앞서 수식을 통해 분산을 구하기 위해서는 평균값을 먼저 구한 뒤 일일이 차를 더해서 나눠주는 과정을 거쳐야 한다. 하지만 아래와 같이 코드를 사용할 경우 몇..

[Javascript] jquery fade 기능, 천천히 사라지거나 나타내게 하기

목차 글 시작에 앞서 visual studio에서 jquery 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) jquery - fade 기능, 천천히 사라지거나 나타내게 하기 fade 라는 의미 그대로 천천히 진행되는 것이다. jquery에서 제공하는 fade 기능은 아래와 같다. $(selector).fadeIn(speed,callback); $(selector).fadeOut(speed,callback); $(selector).fadeToggle(speed,callback); $(selector).fadeTo(speed,opacity,callback); fadeIn은 천천히 나타나게 하고, fadeO..

python socket이란? AF_INET, SOCK_STREAM 의미, 간단하게 텍스트 주고 받는 서버 만들기

python socket이란? Socket(소켓)이란 간단히 설명하면 네트워크에서 패킷을 주고 받을 때 각 end 단에서 application으로 넘어가기전에 받아는 버퍼와 같은 것이다. 서버의 경우 서버에 들어오기 전에 Load balancer가 소켓으로 동작한다고 볼 수 있다. 그리고 클라이언트 측에서는 웹브라우저에 들어가기전에 버퍼역할을 하는 것이 소켓이라고 할 수 있다. AF_INET, SOCK_STREAM 의미 AF_INET, SOCK_STREAM 는 socket을 설정할 때 특성 값이다. AF_INET 는 해당 소켓은 IP version 4 용으로 사용하겠다는 의미이다. SOCK_STREAM 는 해당 소켓에 TCP 패킷을 받겠다는 의미이다. 간단하게 텍스트 주고 받는 서버 만들기 코드 - 서버..

bootstrap 예제 가져와서 사용해보기(로그인페이지)

bootstrap을 간단하게 말하자면 트위터에서 개발한 일종의 라이브러리/템플릿 정도로 보면 된다. 우리가 웹사이트를 개발할때 사람들에서 보여지는 front end를 개발해야 하는데 이부분이 미적감각도 있어야 하고 javascript css 등 신경써야할 부분이 많다. 이런 노동들을 줄이고자 많은 bootstrap template를 유료 또는 무료로 사용할 수 있다. 여기서는 간단히 로그인 페이지를 무료 template를 가져와서 flask와 연동해서 만들어 보겠다. https://getbootstrap.com/docs/5.0/examples/ 위 링크에서 example를 다운로드 한다. 그중에 bootstrap-5.0.0-beta1-examples\bootstrap-5.0.0-beta1-examples..

jquery 예제 설명, cdn이란

jquery란 javascript의 라이브러리이다. 라이브러리의 일반적인 기능처럼 구현하기 복잡한 javascript 코드나 기능들을 사용자들이 쉽게 사용할 수 있게 해준다. jquery를 사용하기 위해서 html head에 사용한다고 선언해주어야 하는데 여기서 라이브러리 위치를 지정해줘야 한다. 보통 서버에 jquery를 저장하거나 jquery 웹이나 google웹에 위치한 라이브러리를 가져오는데 웹에서 가져오는 장점은 전세계에 서버가 많이 퍼져 있어서 라이브러리를 이용하는 사용자가 자신 가까이 위치한 웹서버에서 가져온다. cdn (content delivery network)는 해당서버에서 가져오는 내용(라이브러리)라고 보면된다. 기초적인 명령어는 코드 예제를 통해 이해해보자. 코드-flask.py>..

반응형