thumbnail

Python NumPy

Numpy는 numerical + python의 약자로 과학계산을 위한 파이썬 라이브러리이며, 다차원 배열을 처리하는데 필요한 계산을 위한 라이브러리로서 그에 필요한 기능들을 제공하고 있다. numpy 설치 ~hash $ pip install numpy $ cond...

2019년 10월 6일0개의 댓글

프로덕트 매니저의 역할

프로덕트 매니저는 한국에서는 없는 직업군이었으며, 최근 startup이나 IT 서비스 플랫폼을 만드는 기업을 중심으로 생겨나고 있다. 한국 내에선 가장 비슷한 직업은 서비스 기획자이며, 흔히 얘기하는 주로 고객과 커뮤니케이션하고 일정을 관리하는 PM(Project Ma...

2019년 10월 6일0개의 댓글

Node.js, express 서버 띄우기

node.js를 설치하기 https://nodejs.org/ko/에서 LTS 버전을 다운로드하여 설치한다. node.js와 npm 설치확인 NPM이란 node.js의 패키지 매니저이며, nodejs에서 사용하는 모듈이나 패키지를 설치, 관리한다. ~bash $ no...

2019년 10월 1일0개의 댓글

Webpack 설정하기

webpack.config.js 파일을 생성하여 config 객체를 이용해서 module.exports를 통해 외부로 노출시킬 수 있다. config 파일은 mode, entry, output, module, plugins를 제공한다. 모드 (mode) devop...

2019년 9월 25일0개의 댓글

jQuery-slimScroll 사용하기

jQuery-slimScroll은 div 내에서 iframe처럼 내부 스크롤을 제공하는 jQuery 라이브러리이다. slimscroll.PNG npm 설치 ~bash $ npm install jquery-slimscroll ~ js 추가 ~js $(function...

2019년 9월 23일0개의 댓글

Webpack 시작하기

webpack은 여러 개의 assets (js, css, png, jpg)을 웹 브라우저가 이해할 수 있는 번들로 묶고 패킹할 수 있는 자바스크립트 모듈 번들러이다. Node.js 환경에서 실행되며, npm으로 설치할 수 있다. 웹팩을 사용하는 이유 각기 다른 자바...

2019년 9월 23일0개의 댓글

데이터 엔지니어링의 정의

빅데이터에 막연히 관심을 갖던 시절, 데이터 과학자, 데이터 엔지니어, 데이터 분석가의 차이점을 잘 몰랐다. 이런저런 아티클들을 읽은 후 데이터 관련 직종의 차이점을 어느 정도 알게 되었다. * 데이터 과학자: 수학과 통계 지식을 깊이 이해하고 있으며, 프로그래밍도 ...

2019년 9월 23일0개의 댓글

sessionStorage 테스트

sessionStorage란 localStorage와 같이 key/value 쌍으로 웹 브라우저에 저장되는 객체이다. sessionStorage객체는 웹 브라우저를 닫으면 생성된 하나의 세션도 사라진다. API sessionStorage.setItem('key', ...

2019년 9월 23일0개의 댓글

큰 폰트사이즈의 글자 짤림 오류 해결

css에서 font-family로 동일한 font-size를 적용했을 때, 서로 다른 높이값을 가지게 된다. 각 폰트 자체가 갖고 있는 다른 매트릭스로 인해 높이값이 다르게 된다. 이전까지만 해도 글자가 위아래로 짤릴 경우, line-height: 1.0이나 line-...

2019년 9월 19일0개의 댓글

localStorage 테스트

localStorage란 사용자 로컬에 저장하는 임시 저장소이다. 저장된 데이터는 만료 기간이 없지만, settionStorage와는 차이가 있다. localStorage.html ~html !DOCTYPE html html lang="en" head meta c...

2019년 9월 19일0개의 댓글

iframe 높이 자동조절

style.css ~css myframe { width: 500px; min-height: 300px; overflow: hidden; border: 0; } ~ html ~html iframe src="./iframe.html" id="myframe"/iframe...

2019년 9월 16일0개의 댓글

ES6의 map, filter, reduce 정리

일반적인 Loop 구문 ~js // for var arr = [3, 9, 4, 2, 7, 6] var newarr = [] for (var i = 0; i arr.length; i++) { if (arr[i] % 2 === 0) {// 2의 배수 newarr.pus...

2019년 9월 14일0개의 댓글

ES6 문법 빠르게 정리

const/let 블록 스코프 var의 변수스코프는 function단위, const/let은 block 단위, const는 상수, let는 변수 ~js function foo() { let a = 1 if (true) { let a = 2 console.log(a)//...

2019년 9월 10일0개의 댓글

Flask Template에 Jinja2 사용하기

Jinja2란 Jinja2(이하 Jinja)는 Python 웹 프레임워크인 Flask에 내장되어 있는 Template 엔진이다. Jinja는 JSP의 문법이나 ES6의 template string과 비슷한 문법을 가지고 있다. Jinja 문법은 간단히 아래와 같다. ...

2019년 9월 6일0개의 댓글

파이썬 Flask로 간단 웹서버 구동하기

Flask는 Python으로 구동되는 웹 어플리케이션 프레임워크이다. Django 프레임워크보다 가볍고, 스케일아 작은 서버부터 스케일 큰 서버를 만들 수가 있으며, Jinja와 Werkzeug를 포함하고 있다. Flask 프레임워크: https://palletspr...

2019년 9월 3일0개의 댓글

파이썬 학습 링크 모음

Last Updated: Sep 18, 2019 This post will be going to update consistently. Python 3.0 https://github.com/Akuli/python-tutorial https://github.com/tu...

2019년 9월 3일0개의 댓글

유용한 텍스트 CSS 말줄임

CSS로 작성되는 텍스트 말줄임은 웹 접근성에 반하지만 널리 사용된다. 일반적으로 적용하고자 하는 요소(또는 태그)를 block처리하고 text-overflow: ellipsis; white-space: nowrap; overflow: hidden 스타일을 적용하면 된...

2019년 9월 3일0개의 댓글

프론트엔드 개발시 유용한 툴, 링크

프로그래밍할 때 참고 레퍼런스 모음 사이트 DevDocs https://devdocs.io/css/margin-trim Chrome Extension * web developer: 웹 유효성, 마크업 구조 등 체크 가능 * whatfont: 어떤 폰트인지 확인 ...

2019년 8월 31일1개의 댓글

Python 문자열 포맷

str.format(): Python 3.0+ ~python str = 'Hello {}'.format('Chris') Hello Chris test = 'Hello, {1}. count: {0}' test.format(46, 'Chris') Hello, Chri...

2019년 8월 29일0개의 댓글

Atom에서 Python 시작하기

Atom 에디터에서 파이썬을 사용하기 위해서는 파이썬 패키지를 설치해야 한다. 패키지는 File Settings 메뉴에서 Install Pakages에서 autocomplete-python과 script를 검색해서 설치한다. 파이썬 파일(*.py)를 생성하여 cnt...

2019년 8월 28일0개의 댓글