profile
Self-Taught Frontend Developer & Designer. Want to be an unsung hero in tech. [motto] I design something indefinable in the world.

JS 지연처리: 디바운스와 스로틀

출처: 두잇! 리액트 프로그래밍 정석어떤 내용을 입력하다가 일정 시간 동안 대기하고 있으면 마지막에 입력된 내용을 서버에 요청을 보내는 방법. 구글 검색창에 입력을 멈추면 연관검색어 목록이 나타남.디바운스와 비슷한 개념이지만 입력되는 동안에도 바로 이전에 요청한 작업을

2020년 3월 9일
·
0개의 댓글

forEach, map, reduce로 파싱하기

출처: 두잇! 리액트 프로그래밍 정석forEach로 분해조합연산자를 이용하여 바로 분리함기존 배열을 새로운 배열로 변환배열을 다른 자료형으로 변환

2020년 3월 9일
·
0개의 댓글

영어 말하기 6개월 만에 빠르게 향상시키기

1. 영어문법책 한권 떼기 문법을 공부할 때 너무 깊이 보지 않고 한달 안에 빠르게 마친다. 2. 하루에 10문장씩 쓰기 관심있는 분야를 선정하여 토픽을 정한 후, 한달 내지 두달동안 하루 10문장씩 쓴다. 3. 영어 쉐도잉 최신 디즈니 영화나 일상 생활 위주의 영화를 선정하여 대본 읽기, 단어노트 정리, 한영자막, 영어자막, 무자막 순을 쉐도잉을 연습...

2020년 1월 23일
·
0개의 댓글

자바 String은 객체

자바 String은 객체 자바에서 String(문자열)은 " "로 감싸면 된다. String은 바로 여러 메서드를 사용할 수 있어 객체로 취급된다. String 생성 1. new로 선언 2. Literal Pool로 선언 예제 String 메서드 equals(a): a값과 같은 문자열 동일값 비교 indexOf(): 특정문자가 시작되는 인덱스 반환...

2020년 1월 6일
·
0개의 댓글

이클립스에 jar 파일 프로젝트에 넣기

방법 1 프로젝트 안에 lib 라는 새 폴더를 생성하여 jar 파일 넣기 이클립스에서 refresh 하면 폴더가 보임 jar 파일을 모두 선택 후, 오른쪽 마우스 클릭 > Build Path > Add to Build Path 클릭 이클립스에서 Referenced Libraries에 보여짐 방법 2 프로젝트 안에 lib 라는 새 폴더를 생성하여 jar ...

2019년 12월 10일
·
0개의 댓글

Python NumPy

Numpy는 numerical + python의 약자로 과학계산을 위한 파이썬 라이브러리이며, 다차원 배열을 처리하는데 필요한 계산을 위한 라이브러리로서 그에 필요한 기능들을 제공하고 있다. numpy 설치 numpy 배열 최댓값/최솟값 평균값/중앙값 표준편차/분산 numpy로 배열에서 20000 이하 찾기

2019년 10월 6일
·
0개의 댓글

프로덕트 매니저의 역할

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

2019년 10월 6일
·
0개의 댓글

Node.js, express 서버 띄우기

node.js를 설치하기 https://nodejs.org/ko/에서 LTS 버전을 다운로드하여 설치한다. node.js와 npm 설치확인 NPM이란 node.js의 패키지 매니저이며, nodejs에서 사용하는 모듈이나 패키지를 설치, 관리한다. 프로젝트 폴더 생성과 구조 project package.json 생성 package.json에는 패키지에...

2019년 10월 1일
·
0개의 댓글

Webpack 설정하기

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

2019년 9월 25일
·
0개의 댓글

jQuery-slimScroll 사용하기

jQuery-slimScroll은 div 내에서 iframe처럼 내부 스크롤을 제공하는 jQuery 라이브러리이다. slimscroll.PNG npm 설치 js 추가 관련 링크 http://rocha.la/jQuery-slimScroll https://github.com/rochal/jQuery-slimScroll

2019년 9월 23일
·
0개의 댓글

Webpack 시작하기

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

2019년 9월 23일
·
0개의 댓글

데이터 엔지니어링의 정의

빅데이터에 막연히 관심을 갖던 시절, 데이터 과학자, 데이터 엔지니어, 데이터 분석가의 차이점을 잘 몰랐다. 이런저런 아티클들을 읽은 후 데이터 관련 직종의 차이점을 어느 정도 알게 되었다. 데이터 과학자: 수학과 통계 지식을 깊이 이해하고 있으며, 프로그래밍도 구현하는 일도 가능함. 자신의 산업에 대한 전문지식을 바탕으로 데이터의 특징과 분석 알고리즘을...

2019년 9월 23일
·
0개의 댓글

sessionStorage 테스트

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

2019년 9월 23일
·
0개의 댓글

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

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

2019년 9월 19일
·
0개의 댓글

localStorage 테스트

localStorage란 사용자 로컬에 저장하는 임시 저장소이다. 저장된 데이터는 만료 기간이 없지만, settionStorage와는 차이가 있다. localStorage.html /js/app.js 참고링크 https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage

2019년 9월 19일
·
0개의 댓글

iframe 높이 자동조절

style.css html js iframe.html (하위 html)

2019년 9월 16일
·
0개의 댓글

ES6의 map, filter, reduce 정리

일반적인 Loop 구문 map() 인자값: currenValue, index, array 요소를 일괄적으로 변경 filter() 요소를 걸러내어 배열로 true/false 반환, 없으면 빈 배열 find() 단 하나의 요소만 반환, 여러 개 있으면 처음값만 반환 reduce() 인자값은 callback [, initivalValue] callbac...

2019년 9월 14일
·
0개의 댓글

ES6 문법 빠르게 정리

const/let 블록 스코프 var의 변수스코프는 function단위, const/let은 block 단위, const는 상수, let는 변수 템플릿 / 백틱 화살표 함수 클래스 prototype 기반의 대체재로 쓰임 모듈 배열/객체 할당 확장 Spread(...) 연산자 Fetch / Promise / Async-await Iterator...

2019년 9월 10일
·
2개의 댓글

Flask Template에 Jinja2 사용하기

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

2019년 9월 6일
·
0개의 댓글

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

Flask는 Python으로 구동되는 웹 어플리케이션 프레임워크이다. Django 프레임워크보다 가볍고, 스케일아 작은 서버부터 스케일 큰 서버를 만들 수가 있으며, Jinja와 Werkzeug를 포함하고 있다. Flask 프레임워크: https://palletsprojects.com/p/flask/ 우선 가상환경을 만들고, Flask를 설치한다. F...

2019년 9월 3일
·
0개의 댓글