Phot_o_matic Programming

코드를 단순화하고, 성능을 향상시키기 위하여 최근 버전의 브라우저에서 사용할 수 있는 Path2D objects 를 사용하여 이러한 드로잉 명령을 캐시하거나 기록할 수 있다. 기존의 방법들 보다 빠르게 경로를 실행시킬 수 있다. Path2D Path2D() 생성자는 새로운 Path2D 객체를 반환한다. 선택적으로 다른 경로를 인자로 받거나, SVG 경로 데이터로 구성된 문자열을 받아서 객체로 반환한다. new Path2D(); // empty path object new Path2D(path); // copy from another Path2D object new Path2D(d); // path from SVG path data moveTo, rect, arc, quadraticCurveTO 등의 모든..

Programming/Mindchain 2019. 7. 22. 15:15

호(arc) 호나 원을 그리기 위해선 arc() 혹은 arcTo() 메소드를 사용 arc(x, y, radius, startAngle, endAngle, anticlockwise) -> 원점은 (x, y) -> 반지름은 radius -> startAngle에서 시작하여 endAngle로 끝(각도는 radian 값을 사용) -> 주어진 anticlockwise 방향으로 향하게 (true이면 반시계, false면 시계 방향) -> 호를 그린다 arcTo(x1, y1, x2, y2, radius) -> 주어진 제어점들과 반지름으로 호를 그린다 -> 이전의 점과 직선으로 연결 ex) &lt!DOCTYPE html> &lthtml> &lthead> &ltmeta charset="utf-8"/> &ltscript ..

Programming/Mindchain 2019. 7. 22. 15:09

그리드와 좌표 HTML 골격(skeleton)은 가로 세로 각각 150px의 캔버스 요소를 가지고 있다. 위의 그림을 보면, 캔버스와 기본 그리드가 놓인 것을 볼 수 있다. 기본적으로 그리드의 1단위는 캔버스의 1px과 같다. 이 그리드의 원점은 좌측상단의 (0, 0)이다. 모든 요소들은 원점을 기준으로 위치된다. 파란 사각형의 좌상단은 왼쪽에서 x, 오른쪽에서 y 픽셀 떨어진 것으로 볼 수 있다. 그러므로 사각형의 좌표는 (x, y)가 된다. 직사각형 그리기 canvas는 오직 하나의 원시적인 도형인 직사각형을 제공한다. 다른 모든 도형들은 무조건 하나 또는 하나 이상의 path와 여러 점으로 이어진 선으로 만들어진다. 아주 어려운 도형들은 내장 함수들을 통해 그릴 수 있다. fillRect(x, y,..

Programming/Mindchain 2019. 7. 22. 14:50

channel server -> Google Assistant나 Facebook messenger는 Nodejs 라이브러리로써 자연어 처리를 돌리는데, 지금 마인드로직은 Django를 사용하므로, 실제 flow는 다음과 같다. 음성 입력 Nodejs를 통한 request가 Django 서버로 해당 request를 Django 서버로 받음 sesion, NLU(자연어 이해), 응답할 단어DB를 거친 뒤 웹 앱에서 어떤 뷰를 보내줄 지 판단 (Canvas API, Vue js) Game Rules n초 안에 대답하기 n개 글자의 단어로 대답하기 역끝말잇기 (상대방이 말한 단어의 첫 글자로 끝이 나는 단어를 응답하는 게임) View 모바일 호환성 태블릿 가로모드 호환성 독립된 앱으로써의 UI 구상하기 연속 응..

Programming/Mindchain 2019. 7. 22. 11:49

dictionary javascript의 객체와 같은 자료구조라고 생각하면 된다. ditionary의 선언과 호출 dictionary = { 'key': 'value', 'ex': [1, 2, 3] } print(dictionary['key']) # 'value' dictionary의 삭제 dictionary = { 'one': 1, 'two': 2 } # 'one'에 해당하는 값을 없애고 싶을 땐? del(dictionary['one']) # 또 다른 방법은 pop dictionary.pop('two')

Programming/Python 2019. 7. 21. 22:31

사용할 함수, method의 코드를 작성한 모듈 파일을 생성 모듈을 사용할 파일에 import하여 모듈을 호출 기존 모듈과 동일하게 사용 주의사항 직접 만든 모듈과 모듈을 사용할 파일은 같은 폴더 안에 있어야 한다 mymodule.py def random\_rsp(): """무작위로 가위바위보 중 하나를 낸다""" import random return random.choice(\['가위', '바위', '보'\]) SCISSOR = '가위' ROCK = '바위' PAPER = '보' use_module.py import mymodule selected = mymodule.random\_rsp() if(selected == mymodule.ROCK): return '바위를 내셨군요!'

Programming/Python 2019. 7. 21. 21:33

import 'module' 모듈을 사용할 땐, import 모듈명과 같은 방식으로 가능하다. math 이름 그대로 math, 수학과 관련된 모듈이다. math.pi => 원주율 값을 나타낸다 math.ceil(number) => number를 올림시킨다 math.floor(number) => number를 내림시킨다 random 무작위와 관련된 기능을 쓸 수 있다. random.choice(list) => list 내에서 임의의 값을 선택해준다 urllib.request 웹 사이트의 내용을 가져오는 기능을 쓸 수 있다. def get_web(url): """URL을 넣으면 페이지의 내용을 돌려주는 함수""" import urllib.request response = urllib.reque..

Programming/Python 2019. 7. 21. 20:39

기본적으로 반복문의 형태는 javascript 떄 익혔던 것과 크게 다르지 않다. for el in list list 내의 각각의 원소(el)에 대하여 처음부터 끝까지 순회 list = [0, 1, 2, 3, 4, 5] for number in list: print(number) for i in range(n) index가 n이 될 때까지의 범위에 한하여 반복문이 실행된다 list = [0, 1, 2] # list의 길이는 len(list)로 알 수 있다 for i in range(len(list)): print(i) # 0, 1, 2 for i, el in enumerate(list): list 내에서 i에 해당하는 index와, 현재 index의 위치에 해당하는 원소(el)를 동시에 받을 수 있다. ..

Programming/Python 2019. 7. 21. 20:26