IT/파이썬 2023. 7. 20.
북마크 - 매력적인 프론트 엔드를 만드는 파이썬 웹 프레임워크 3가지
기본적으로 파이썬으로 모든걸 다 할 수 있다는 읽어볼 만한 글이다. JS로 다 하는세상에서... 앤빌 같은것은 한 번 시도해 봐도 좋을 듯 한데. 매력적인 프론트 엔드를 만드는 파이썬 웹 프레임워크 3가지 https://www.ciokorea.com/news/299707#csidxdd2ba8ab5803138bc386f67c2603081 매력적인 프론트 엔드를 만드는 파이썬 웹 프레임워크 3가지 파이썬은 오래전부터 서버 측 프레임워크용 언어로 쓰였고, 거의 모든 규모, 거의 모든 환경의 프로젝트를 지원한다. 그러나 파이썬은 전통적으로 백 www.ciokorea.com 앤빌(Anvil) Anvil: Web Apps with Nothing but Python Yes, really, nothing but Pyt..
IT/Web 2023. 4. 28.
Billboard.js 무료 네이버 차트 라이브러리 써보기
billboard.js는 D3 기반의 자바스크립트 차트 라이브러리입니다. 아주 간단하게 차트를 만들 수 있습니다. billboard.js의 홈페이지에서는 사용법이 잘 정리되어 있습니다 1. 또한, 다양한 예제들도 참고할 수 있습니다 2. 이전에 작성한 여기도 한번 방문해 보세요. JS – billboard 차트 라이브러리 써보기 JS - billboard 차트 라이브러리 써보기 - B로그0간 #billboard.js #chart #js #라이브러리 #사용법 devbj.com billboard.js를 사용하기 위해서는 D3.js와 billboard.js를 로드해야 합니다. 그리고 차트를 넣을 HTML 요소를 만들고, 차트 옵션을 설정하여 차트를 생성하면 됩니다 1. 예제 코드는 다음과 같습니다: Sampl..
IT/Web 2023. 4. 17.
JQuery - 특정 폼 안에 있는 id 찾기
빙 봇을 통해 구한 답이긴 하지만, 정리가 완전 깔끔하다. jquery로 특정 폼 안에 있는 input 요소를 id로 찾는 방법은 다음과 같습니다. 폼의 id나 name을 알고 있다면, $("#form_id").find("#input_id") 또는 $("form[name='form_name']").find("#input_id")와 같이 폼의 셀렉터 뒤에 .find() 메소드를 사용하여 input의 id를 인자로 넘겨줍니다12. 폼의 id나 name을 모르거나 여러 폼 중 하나를 선택하고 싶다면, $("form").eq(index).find("#input_id")와 같이 eq() 메소드를 사용하여 원하는 폼의 인덱스를 지정해줍니다3. 인덱스는 0부터 시작합니다. 예를 들어, 다음과 같은 HTML 코드가 있..
IT/파이썬 2021. 6. 30.
작업중 - 서버 구조 구성 Flask API + ReactJS Frontend + GUnicorn
잊지않기 위해서 일단 저장. https://yasoob.me/posts/how-to-setup-and-deploy-jwt-auth-using-react-and-flask/ Setting up & Deploying JWT based auth using Flask & React - Yasoob Khalid Hi everyone! 👋 I was working on a React project these last couple of weeks and I had to implement login functionality. I searched around and most of the solutions I found relied on Redux or some other huge dependency that I wasn..
IT/파이썬 2020. 12. 18.
파이썬 - Flask 사용법 - 틀 만들기
구글링을 열심히 해서, 좋은 한글 블로그 자료를 찾아 내었다. 여기 적힌 내용부터 완독하도록 하자. 파이썬 가상환경 venv 사용하기 (패키지 쉽게 관리하기) - 패키지 설치가 지저분 해지거나, 추후 환경을 바꿀때도 깔끔해 지도록 패키지 버전들이 충돌을 조금 없애기 위해 가상 환경으로 사용해라는 팁인데 머 구현 초기에는 일단 막 써라!! 파이썬 Flask 사용법 1 (완전 기초) - 기본적인 Flask 운영을 위한 기초 예제, route 를 하거나 페이지에 변수를 출력해 보거나 Hello World 를 해보거나 일단 이 과정을 격어 가야 한다. 파이썬 Flask 사용법 2 (Jinja2 템플릿, 변수, 조건문/반복문) - html template 를 이용하여 렌더링 할 수 있도록 설명 자료가 풍부하다. ..
IT/Web 2020. 2. 27.
CSS 지식 - em과 rem의 차이
em과 rem의 차이점 구글링 결과, 아래 2개의 사이트만 봐도 100% 이해할 듯 https://indivdot.github.io/css/2016/03/26/emrem.html 반응형 웹을 위한 rem 단위로 디자인하기 em과 rem은 무엇인가? w3c의 css3 스펙 중 distance unit을 살펴봤다. css의 거리 단위는 크게 상대적 길이와 절대적 길이가 있다. 상대적 길이는 em, ex, ch, rem, vw, vh, vmin, vmax가 있고 절대적 길이는 cm, mm, q, in, pt, pc, px가 있다. 대개 크로스 브라우징이나 쉬운 계산 때문에 강제적으로 길이를 px로 많이 사용한다. 여러 디바이스를 모두 대응해야 하는 문제 때문에 em을 사용하기도 indivdot.github.i..
IT/Web 2019. 4. 23.
[Bootstrap] CSS 기능: 스타일 태그와 클래스
Bootstrap에서 지원해주고 있는 기타 다른 CSS 기능들인 스타일에 대한 글 소개 완전 강추, 아래 그림과 같이 정리가 너무 잘 되어 있어 초보자도 뿅 갈듯 페이챵하오~ Unikys :: [Bootstrap] CSS 기능: 스타일 태그와 클래스 [Bootstrap] CSS 기능: 스타일 태그와 클래스 이번에는 Bootstrap에서 지원해주고 있는 기타 다른 CSS 기능들인 스타일에 대해서 살펴볼 것이다. 이전의 글에서 언급한대로 Bootstrap의 강점 중 하나는 모든 화면 크기의 브라우저나 기기에 따라서 반응형으로.. unikys.tistory.com 관련된 Bootstrap 의 Grid system 에 관한 글도 꼭 읽어보자!! [Bootstrap] 시작하기, CSS 기능: 그리드 시스템(Gri..
