IT/파이썬 2021. 6. 15.
Flask 와 React 를 결합한 서비스 - 자료 조사
JS 만큼 강력한 파이썬을 활용하기 위해 Flask 백엔드에 대세라고 할 수 있는 React 프론트엔드 서비스 개발. 이리저리 검색중. 나중에 읽을 필요가 있을 글들을 여기에 모아둬 본다. 정리할 글은 계속 나오겠지. 읽어봐야할 글들 https://kimsehwan96.tistory.com/entry/React-%EB%B9%8C%EB%93%9C%EB%90%9C-%EC%95%B1-Flask-%EC%97%90-%EC%98%AC%EB%A6%AC%EB%8A%94-%EB%B0%A9%EB%B2%95 React 빌드된 앱 Flask 에 올리는 방법 React APP을 플라스크 서버 위에 호스팅하기. yarn build 한 index.html 파일을 그대로 flask 에서 리턴하게 했더니 안되어서 시작한 테스트. ya..
IT/파이썬 2021. 2. 14.
파이썬 flask REST API JSON 과 HTML form 처리 동시에 하기
flask REST 형태로 JSON API 서버를 만들다 보니, 음 그냥 HTML을 통해 동일한 API 함수를 사용하고 싶어진다. 머 보내기 전에 받아서 JSON 변경해서 api 함수를 콜하는 방식의 proxy 같은 것을 써도 되지만 하나의 기능은 한 군데 구현하면 좋을 듯 해서 찾아보니... 좋은 함수가 있다. 이해하기도 쉽게 이름도 is_json 이다. Request 로 들어온 데이터가 JSON 인 경우와, 아닌 경우를 구분해 낼 수 있으니 원하는 형태의 구현이 가능할 듯 싶다. 간단하게 사용하고 있는 코드 일부만 가져와 보자. if request.is_json : body = request.get_json() print(body) retids = [] for item in body: customer..
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..