[AI] 전처리툴 개발

base64

json

ipywidgets

 

jupyter 위에서 d3.js를 활용한 시각화

 

ipython은 이미 훌륭한 javascript 실행 환경에서 작동한다.

멀티 커널을 기본적으로 지원

d3.js 라이브러리를 통해 시각화

 

매직 커맨드

%%html 매직을 사용하면 html 코드를 직접 결과 블록에 삽입할 수 있다.

 

%%javascript 매직도 지원

 

require.js 사용해 동적으로 외부 스크립트 사용하기

 

jquery, moment, require.js 가 기본 외부 스크립트

 

require.js 를 사용하면 AMD 방식으로 동적으로 외부 스크립트를 읽어오는 것이 가능해짐

미리 외부 스크립트들을 준비해야 하는 번잡함과 전역 환경에 스크립트들을 로드해서 생길 수 있는 문제들을 피해갈 수 있음

외부 스크립트 주소를 require.config에 정의

 

config에 정의한 d3 스크립트를 사용하려면 require함수에 사용하고자 하는 외부 스크립트와 실행하려는 함수를 넘겨주면 된다.

require(['d3'], function(){}

 

require는 비동기적으로 실행되며 d3가 로드된 다음에서야 넘겨진 함수를 호출

 

d3.js를 활용한 시각화

 

ipywidgets

 

위젯을 활용한 시각화

@interact 데코레이터를 사용하여 시각화

 

Flask : 작고 강력한 파이썬의 웹 프레임워크

 

Jinja2 템플릿 엔진 기본 문법

 

javascript : 대소문자를 구별하며, 유니코드 문자셋을 이용

 

var : 변수를 선언, 추가로 동시에 값을 초기화

let : 블록 범위 지역 변수를 선언, 동시에 값을 초기화

const : 블록 범위 읽기 전용 상수를 선언

 

ECMAScript 표준 : 7가지 데이터 형을 정의

 

JavaScript에서 값을 나타내기 위해 리터럴을 사용

말 그대로 스크립트에 부여한 고정값으로 변수가 아님

 

배열 literal : 0개 이상의 식 목록

boolean literal : Boolean 객체는 원시 Boolean 데이터 형을 감싸는 wrapper

정수 literal : 10진, 16진, 8진, 2진수로 표현

부동 소수점 literal : 부호가 달릴 수 있는 10진 정수, 소수점, 소수, 지수

객체 literal : 중괄호로 묶인 0개 이상인 객체의 속성명과 관련 값 쌍 목록

정규식 literal : 슬래시 사이에 감싸인 패턴

문자열 literal : " 또는 ' 로 묶인 0개 이상의 문자

 

function 함수명() {

  구현로직

}

 

TypeScript : Microsoft 에서 개발한 프로그래밍 언어, typescript는 컴파일 이후 javascript가 된다.

 

Typescript는 javascript에 보다 엄격한 type의 사용을 적용함으로써 순수 javascript로 프로젝트를 진행할 때보다 버그를 최소화 할 수 있는 언어.

 

tsconfig.json 파일은 typescript파일을 javascript로 컴파일하게 도와주는 파일 

 

tsc 명령어를 통해 컴파일을 진행하게 되면, .js파일과 js.map파일이 생성

 

javascript에서 this는 현재 실행 문맥

 

this키워드는 객체지향적으로 사용

 

생성자(constructor)로서 사용하게 되면, 생성된 객체의 멤버변수를 참조하게 됨

prototype을 사용해서 정의한 객체의 메소드에서도 동일