전체 글 161

[크롬 네트워크 탭] 분석해서 정보(raw data) 얻어 내기

웹개발자 였을때 웹사이트를 개발 하기 위해 항상 크롬 개발자 탭을 사용하여 뭐가 잘못되었고 어디에서 에러가 나는지 찾곤 하였다. 그때 주로 사용했던 것은 element 탭과 console탭이였다. 개발자가 아니라 남의 제품을 사용하는 지금은 element탭과 console탭을 사용할 일이 없어졌고 내가 쓰는 사이트의 웹서버에서 웹사이트로 전달된 raw 데이터를 얻어내기 위해 Network 탭을 사용하게 되었다. 혹시라도 민감한 정보를 서버에서 전달하고 클라이언트단에서 제거하는 방법을 쓴다면 보안상 얼마나 위험한지 알 수 있다. 0. 필터: ALL XHR JS CSS 등 자신이 원하는 데이타 타입에 대한 요청을 필터링 할 수 있다. 1. 타임라인: 시간에 따른 우리의 요청 정보를 선택 할 수 있음. 2. ..

카테고리 없음 2020.07.18

[3. 엑셀 대신 파이썬: 재고찾기 프로그램] 사용한 코드와 설명

[3. 엑셀 대신 파이썬: 재고찾기 프로그램] 사용한 코드와 설명 #!/usr/bin/env python # coding: utf-8 # In[1]: #판다스를 불러온다. import pandas as pd # In[2]: # 데이터의 모든 row를 보이게 한다. 이 설정을 안하면 생략하고 보여줌. pd.set_option('display.max_rows', None) # In[3]: # 불러올 파일을 명시함 file = 'INV_CurrentStock.csv' # In[4]: # csv파일을 판다스의 데이타프레임으로 변환하여 반환. df_csv_data = pd.read_csv(file) # In[5]: # df_new_data에 칼럼 Location과 Quantity를 삭제한 데이터프레임을 넣음 df..

[2. 엑셀 대신 파이썬: 재고찾기 프로그램] 엑셀 대신 파이썬을 사용할때 이점

첫글을 쓰고 나서 필요한 코드들을 찾데 2-3시간 걸린 것 같다. 이렇게 한번 고생해서 해놓으면 다음엔 실행만 하면 내가 원하는 결과를 얻을 수 있는게 파이썬으로 스크립트를 만드는 것의 장점이다. 엑셀을 이용했을 때 1. 재고관리 프로그램에서 재고 데이터를 내려받는다. 제품명 위치 갯수 제왕의 의자 warehouse 2 예수침대 warehouse 1 힘들어 침대 warehouse 1 밤의 왕 침대 warehouse 0 바바리안 책상 warehouse 0 제왕의 의자 display 0 바바리안 책상 display 1 힘들어 침대 display 1 밤의 왕 침대 display 0 예수침대 display 0 내려받아진 CSV 데이터의 형식은 위와 같다. Quiz. 매장에 진열이 가능한 제품은 무엇들 인가? 진..

[1. 엑셀 대신 파이썬: 재고찾기 프로그램] 주피터 설치 및 실행

매장을 관리할때 창고에 제고가 있음에도 불구하고 제품이 디스플레이가 되지 않는 경우가 있다. 제품명: 왕의 의자 디스플레이: 0 창고: 3 지금까지는 제고관리 프로그램에서 제공하는 엑셀 파일을 사용해서 디스플레이가 되지 않는 상품을 찾아내곤 했다. '제품의 디스플레이가 0개 and 창고에 있는 수 >1' 를 찾으면 되는 것이다. 1) product_name display warehouse 왕의 의자 0 3 엑셀에 경우 필터를 사용하여 werehouse에 0만 제외 시키고 모두 체크하고 display는 0만 체크 해놓으면 디스플레이가 되지 않은 제품들을 찾아 낼 수 있다. 하지만 문제는 엑셀이 이렇게 제공 되는 경우이다. 2) product_name location warehouse 왕의 의자 displa..

flutter sqflite 사용하기

SQLITE의 플러터 버전이다. 1. 경로정하기 _path = await getDatabasesPath() + 'example.db'; // 디비의 경로를 정해준다. 2. DB 만들고 오픈하기 _db = await openDatabase(_path, version: _version, onCreate: onCreate); 디비 만들어질때 사용되는걸 정의 한다. 3. 디비가 만들어질때 테이블 생성하기 static void onCreate(Database db, int version) async => await db.execute('CREATE TABLE items (id INTEGER PRIMARY KEY NOT NULL, name STRING, price INTEGER, qty INTEGER, type S..

플라스크 static 파일 경로(플라스크 이미지 url)

플라스크로 이미지 주소를 전송하고 싶었다. 방법은 간단하다.(그런데 헤맷다..) static이라는 폴더를 만든뒤 그 안에 이미지를 넣는 것이다. 체크를 하기 위해 플라스크를 돌려서 localhost:5000/static/이라고 치면 not found가 나온다. localhost:5000/static/파일이름.확장자 라고 url에 쳐야 스테틱 폴더에 넣어놓은 사진이 나온다.

취미로 개발

사실 취미로 개발이 가능하다. 왜냐면 이미 많은 소스가 모듈/플로그인화 되어있어. 가져다 붙이면 많은 것들이 만들어진다. 하지만 "뭘 만들어 보고 싶은가... " 이게 가장 중요한거 같다. 요즘 이미 다양한 어플이나 앱이 나왔고 수 많은 어플들이 사람들에게 한번도 사용되지 않았다. 나에게 혹은 주변에게 도움이 되는걸 만들고 싶다.

파이어베이스에 nuxtjs 호스팅하기

파이어베이스를 통해 호스팅을 이용하면 1기가를 저장할 수 있고 월 10기가나 데이타를 전송하면서도 무료이다! 내가 만든 심플한 웹앱은 2MB인데 Good Good 심지어 SSL도 제공해주니 이보다 편할 수 없다. 자신이 만든 프로젝트나 소형 서비스를 만들때 이용하면 딱인거 같다. 넉스트의 single page app을 호스팅하는건 쉽다. 0. nuxt 싱글파일 빌드하기 -> dist폴더가 생성됨 npm run build 1. 구글툴즈 설치 npm install -g firebase-tools 2. 구글 로그인 firebase login 3. Allow Firebase to collect anonymous CLI usage and error reporting information? yes / no 4. 프..

visual code에서 파일 확장자 마다 인덴테이션 다르게 주기

파이썬을 재미있게 하다가 vuejs를 가지고 개인적인 프로젝트를 해야했다. 저번에 맞추어 놓은 세팅은 모든 종류의 파일을 default로 space: 4로 바꾸는 것이 였다. 그래서 .vue 확장자와 .js확장자를 사용할때 탭을 누를때 마다 스페이스가 4칸으로 입력되는 것을 2칸으로 바꾸기 위해 계속해서 하단의 설정을 바꿔줘야 했다. 파일확장자 마다 다르게 인덴트를 주는 방법을 구글에서 단 3분 만에 찾고 적용 할 수 있었다. 거의 2주 -3주간 계속 작업할때마다 바꿔줬는데.... 적당히 게을러야하는데 너무 게을러서 일을 더 번거롭게 한샘이다. 방법은 다음과 같다. 1. 에디터 상단바의 view > commend palette...클릭 (ctr + shift + p) 2. 검색창에 settings 입력 ..

Computer 관심 2019.11.04