barcode

Wordcloud with FLASK-뼈대 대공사 (2) Coding/Python

barcode
Wordcloud with FLASK-뼈대 대공사 (2) Coding/Python 워드클라우드부터 해서 진짜 얘까지 개 노가다의 연속이었음... 그래도 이거 미리 해놔서 Entrez는 입력부만 조금 수정하면 됩니다. 워드클라우드 경로 썰은 다른 포스트에서 풀어드림. 이게 길어서 한번에 캡처 못했음다. 입력부의 각 기능 1. 텍스트 입력란(샘플 텍스트도 있음): 샘플 텍스트는 현재 한글 두개(별 헤는 밤, 청포도)랑 영어 하나(미정)를 생각중이며, 버튼을 누르면 샘플 텍스트가 텍스트에리어에 입력된다. 길면 잘 뽑히긴 한데 영어는 뭘 해야 할 지 모르겠음. 아니 그렇다고 하이 잭 하이 마이크 하와유 이딴걸 할 순 없잖수. 논문 해 논문 2. 컬러맵 선택(이따 이미지 올려드림): 이건 밑에 털어드림. 3. 마스킹이미지 ㄱㄱ: 이미지 안 쓴다는 선택지는 없음. 4. 언어 선택(한국어는 kon..

Wordcloud with FLASK-뼈대 대공사 Coding/Python

barcode
Wordcloud with FLASK-뼈대 대공사 Coding/Python 일단... 현재 완성된 부분이 여긴데 어바웃 페이지만 된다. 입력받는 란은 아직 안함. 현재 구현된 기능 1) 탭 메뉴(어바웃 페이지/텍스트/엔트레즈 탭) 2) 어바웃페이지 app.py from flask import Flask, render_template from Bio import Entrez from wordcloud import WordCloud from wordcloud import STOPWORDS import matplotlib.pyplot as plot from PIL import Image import numpy as np from argparse import FileType import tkinter from tkinter import filedialog import re from k..

원페이지 쇼핑몰 보강하기-익스트림 CRUD Coding/JavaScript

barcode
원페이지 쇼핑몰 보강하기-익스트림 CRUD Coding/JavaScript 진행 상황: 회원가입(완료)/로그인(로직만 완료) 전에도 얘기했듯, 쇼핑몰에서 ‘모든 고객의 주문 내역을 볼 수 있는’건 물건을 파는 사람이다. 다른 고객들은 자기 주문만 볼 수 있다. 내가 옆집 김씨가 뭘 시켰는지 모르고, 뒷집 박씨는 내가 뭘 시켰는지 모르는것처럼. 그래서 나중에 페이지 하단에 있는 얘는 관리자 계정으로 로그인해야만 볼 수 있게끔 할 예정이다. 콩둘기 메일의 상태가? 회원가입 로그인과 회원가입을 모달창에서 받는다는 얘기는 전에 했는데, 그럼 어떤 정보를 받느냐… 아이디, 비밀번호, 비밀번호 확인, 이름, 전화번호, 이메일, 주소 받는다. 타임스탬프도 있긴 한데, 그건 입력받는 건 아니고 가입년월일이다. function account_make() { let id = $('#userID'..

To-do list 바닐라JS로 만들기 Coding/JavaScript

barcode
To-do list 바닐라JS로 만들기 Coding/JavaScript 쇼핑몰이요? 그거 로그인은 둘째치고 SSL 설정 개꼬여서 걍 인스턴스 엎고 만들라고… 아니 nginx 깔았는데 uWSGI에서 막혀서 하루종일 그거 찾았다니까. 아무도 안 알려줘 그걸… 깝깝해서 오라클 클라우드도 알아봐야 하나 생각중임 지금.. Reference https://woojong92.tistory.com/entry/JS-%EB%B0%94%EB%8B%90%EB%9D%BC-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A1%9C-ToDo-List-%EB%A7%8C%EB%93%A4%EA%B8%B0-1-%EA%B8%B0%EB%8A%A5%EC%A0%95%EC%9D%98-%EB%B0%8F-HTMLCSS [JS] 바닐라 자바스크립트로 ToDo-List..

원페이지 쇼핑몰 보강하기-익스트림 어드레스+익스트림 CRUD(준비) Coding/JavaScript

barcode
원페이지 쇼핑몰 보강하기-익스트림 어드레스+익스트림 CRUD(준비) Coding/JavaScript 생각해보니 주소는 유효성 검사를 어떻게 해야 하지? 싶어서 물어봤더니 다음API가 잘 되어 있다고 함. 그래서 주소를 그걸로 검색해서 우편번호랑 함께 받고, 상세주소만 별도로 입력받는다. (상세주소까지 입력해야 하는 데도 있고 필수는 아닌데도 봤음) 아무튼 그래서 ㄱㄱ함. 익스트림 어드레스 일단 입력을 받으려면 준비를 해야 한다. 그 준비가 뭐냐면 입력란을 만들고 입력란 아이디를 수정하고 API 가져와서 연결하기 이다. MongoDB는 콜렉션이 없으면 알아서 만들기때문에 콜렉션 청소만 한번 해 주면 되므로 DB는 작업이 다 끝나면 그냥 비우는걸로… 아무튼 이게 그 결과다. 우편변호와 주소는 직접 입력하는 게 아니라 검색하면 가져오는거고, 그 다음에 사용자가 입력하는 부분은 상세주소이다. 그니까 자바스크립..

만들 수 있다! 이미지 슬라이더! Coding/JavaScript

barcode
만들 수 있다! 이미지 슬라이더! Coding/JavaScript 단점: 아직 자동재생이 안됨 기본편 참고 사이트: https://penguingoon.tistory.com/255 자바스크립트 이미지 슬라이드 구현하기 안녕하세요! 오늘은 라이브러리 없이 적은 양의 자바스크립트 코드만으로 간단한 이미지 슬라이더를 구현해보았습니다. 이미지 슬라이더 구현하는 방법이야 한트럭이지만, 그 중에 한 가지 방 penguingoon.tistory.com 하단에 있는 이전/다음버튼을 누르면 그림이 움직인다. HTML Dotted wallpaper 둘러보기 이전 다음 본 이미지 슬라이더에 사용된 이미지는 전부 수제입니다. 도트찍느라 고생했습니다... 사실 얘는 뼈대라 특별히 설명할 건 없다. 응용편의 경우 밑에 뭐가 하나 더 들어간다는 것 빼곤 진짜 특별할 게 없다. CSS @impor..

원페이지 쇼핑몰 보강하기-유효성 검사와 공백처리 Coding/JavaScript

barcode
원페이지 쇼핑몰 보강하기-유효성 검사와 공백처리 Coding/JavaScript 내 드디어!!! 서버에 올렸어!!! 여러분 이거 해써여!!! 하고 올렸는데… 피드백 온 것 중에 어? 이거 다 입력 안 해도 주문됐다고 뜨는데요? 유효성 검사 추가해주세요. 그게 뭔데요 감마펑션때 온갖가지 경우의 수 다 따져놓고 뭐한겨… (사실 몰랐음) 그래서 보강함. 아 그 HTTP HTTPS로 바꾸는거는… 내가 해봤어요 해봤는데… 그거 따라했는데 접속 안돼서 인스턴스 버렸어… 스크립트파일 분리 이게 과제 할 때는 스크립트고 CSS고 다 HTML파일에 박혀있었는데… 이게 코드 규모가 작으면 그래도 되요 그래도 되는데… 코드 규모가 커지면 인제 골치아퍼… 수정하다 욕해요… 그래서 분리할거다. 파이참에서 Flask project를 만들면 이렇게 된다. 이게 Flask 프로젝트의 국룰인데 HTML파일은tem..

var, let, const Coding/JavaScript

barcode
var, let, const Coding/JavaScript 자바스크립트 코딩을 하다보면 사바사 코바코 변바변이지만 변수를 세 가지 방식으로 선언한다. var, let, const. 응? 뭐야 1+1+1임? 왜 3개씩이나 있어요? 를 알아보자. 일단 선언이 뭐냐… 베이직에서 Dim A as integer 이게 선언임. 나는 A라는 변수를 정수형으로 둘거야! 그리고 자바스크립트에서는 const tab = document.getElementByID('ID') 이런 식으로 변수를 선언한다. 저 코드는 자바스크립트에게 ‘나 HTML 도큐먼트에서 ID가 ID인 거 가져와서 a에 넣는다’고 알려주는 것. 위에 있는 베이직 코드는 A라는 정수형 변수를 만들거야라고 베이직에 알려주는 셈. 그래서 얘네가 뭔 차이냐… 비밀은 바로! 재선언과 재할당에 있다. var var a = 1..
1 2 3 4

티스토리툴바