Page 18

19 POSTS

#react
React 공부하기 6 - 컴포넌트 반복
## 컴포넌트 반복해서 쓰기 ```javascript import React, {Component} from 'react'; class IterationSample extends Component { render () { const names = ['눈사람', '얼음', '눈', '바람'] const nameList ...
2019-05-212분
#javascript
Javascript - Promise
## Promise ```javascript new Promise(executor) ``` `executor`는 `resolve`및 `reject` 인수를 전달할 실행함수를 의미한다. 실행함수는 `resolve`와 `reject`를 받아 즉시 실행된다. 실행함수는 보통 비동기 작업을 시작한 후, 모든 작업을 끝내면 `resolve`를 호출해서 `Prom...
2019-05-212분
#javascript
Javascript - Destructuring Assignment
## 구조 분해 할당 구조 분해 할당은 배열이나 객체의 속성을 말그대로 분해하여, 분해 한 값을 개별변수에 담을 수 있게 도와주는 표현식이다. ```javascript let a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 // rest 패턴을 이용하여 나머지를 모두...
2019-05-213분
#javascript
Javascript - Closure
자바스크립트의 클로져
2019-05-098분
#react
React 공부하기 5 - Reference
## Reference (Ref) 특정 DOM요소에 작업을 하기 위해서 id를 부여하는 것 처럼, React에서 DOM에 이름을 다는 방식이 있는데 이것이 바로 ref (Reference)다. 반드시, `DOM에 직접적으로 접근하여 조작이 필요할 때 만 이용해야 한다.` ### 컴퍼넌트 내부에서 사용 ```javascript import React, ...
2019-05-092분
#react
React 공부하기 4 - Event
## 이벤트 리액트의 이벤트는 기본적으로 HTML의 이벤트와 비슷하지만, 주의사항이 몇가지 있습니다. 1. 이벤트 명은 카멜 케이스로 작성해야 한다. `onclick` → `onClick` 2. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니고, 함수형태의 값을 전달해야 한다. 3. DOM요소에만 설정할 수 있다. Custom Component는...
2019-05-082분
#react
React 공부하기 3 - Component
## 컴포넌트 기본적인 컴포넌트를 만들어 보자. ```javascript import React, {Component} from 'react'; class MyComponent extends Component{ render() { return ( <div className='hello'> ...
2019-05-084분
#react
React 공부하기 2 - JSX
## Create-react-app 라이브러리로 시작 ``` yarn global add create-react-app create-react-app hello-react cd hello-react yarn start ``` ### app.js의 구조 ```javascript import React from 'react'; import logo fr...
2019-05-083분
#react
React 공부하기 1 - background
## 리액트 요약 기존에 많은 자바스크립트 기반 프레임워크들이 있었는데, 대부분의 프레임워크들은 MVC (Model-View-Controller), MVVM(Model-View-View Model), MVW(Model-View-Whatever) 아키텍쳐를 사용하여 개발되었다. ![MVC](https://mdn.mozillademos.org/files/1...
2019-05-084분
#career#entrepreneurship
Disciplined entrepreneurship
### 작동하는 가설을 만들어라 ‘가설’이라는 단어는 기업가정신, 이노베이션경영, 그리고 지금의 파괴적혁신에 이르기까지 가장 많이 접한 단어 중 하나 입니다. 그 만큼 많은 학자들이 기업을 경영하는데 있어 가설을 만들고 증명하는 일이 중요하다는 것에 공감대를 형성했다는 뜻일 것입니다. 이러한 가설에는 수많은 변수가 포함되어 있습니다. 이러한 변수에는 기...
2019-05-0310분
#computer-vision#python
Computer Vision 01) - Image Representation
## Image Representation & Classification ### Images as Grids of Pixels ```python import numpy as np from skimage import io import matplotlib.image as mpimg import matplotlib.pyplot as plt import cv...
2019-04-012분
#python#automation
업무 자동화 (1) - 구글 스프레드 시트 API 활용하기
구글 스프레드 시트를 파이썬에서 조작해보자. 내가 할일은 1. 스프레드시트를 읽고 2. 스프레드시트에 쓰는 두가지 작업이다. ```python import pickle import os.path from googleapiclient.discovery import build from google_auth_oauthlib.flow import Installe...
2019-02-143분
#web-scraping#python
초보를 위한 웹크롤링: 네이버 영화 댓글 크롤링하기
e 파이썬과 파이썬 라이브러리 (beatifulSoup)를 활용하여 네이버 영화 댓글 크롤링 해보기 ## 1. 크롤링하려는 웹페이지의 구조를 살펴보기 인크레더블 평점 댓글 페이지를 먼저 살펴보겠습니다. [여기](https://movie.naver.com/movie/bi/mi/point.nhn?code=136990&onlyActualPointYn=Y#po...
2018-11-0614분
#go#backend
GoLang) 구조체와 임베딩
Golang에는 클래스가 없는 대신, 아래와 같은 구조체가 존재한다.
2018-06-012분
#javascript#reactive-programming
ReactiveX) Subject
subject는 옵저버나 observable처러 행동하는 일부 ReactiveX구현체에서만 사용가능한 일종의 프록시다. subject는 옵저버이기 때문에 하나이상의 observable을 구독할 수 있으며, 동시에 observable 이기도 하기 때문에 항목을 하나하나 거치면서 다시 push하고 새로운 항목을 push할 수 있다. 총 4종류의 subject...
2018-05-312분
#reactive-programming#javascript
ReactiveX) Observable
보통 일반적인 프로그램의 경우에는, 하나씩 작성된 순서에 따라 로직이 실행되고, 완료되면 또다른 로직이 실행되는 등의 순서가 있음을 알수 있다. 그러나 이와 달리 ReactiveX는 "Observer"에 의해 임의의 순서에 따라 병렬적으로 실행되고 나중에 결과나 나온다. 즉 메서드를 호출하는 것이 아니라, Observable안의 데이터를 조회하고, 변환...
2018-05-313분
#algorithm#java
발음 기반으로 String의 유사도를 비교해 보자.
앞선 포스팅 통해서 두 String을 문자열 기반으로 분석하였을때. 유사도를 어떻게 측정하는지 알아보았다. 그러나 음성인식으로 String을 비교 했을 때, 다음과 같은 문제에 직면하였다.
2018-05-314분
#algorithm
두 String의 유사도를 측정해보자 - Levenshtein distance
두 개의 String이 있을때, 그 두개를 비교하는 작업은 어떻게 할 수 있을까? str.equalsOf(str2) 이런 것이 아니라, 두 단어의 비슷한 정도를 말하는 것이다. 예를 들어보자. 사용자가 Toast라고 말을 했다. 그러면 구글 Voice는 Toast라는 사용자 사운드에 가장 비슷한 단어 몇가지를 추천해준다. ![구글보이스로 toast를 ...
2018-05-316분
#delphi
Delphi) Some tricks
첫 직장에서 델파이로 개발했을 때 유용하게 사용하던 코드 모음.
2018-05-313분

Page 18

React 공부하기 6 - 컴포넌트 반복

Javascript - Promise

Javascript - Destructuring Assignment

Javascript - Closure

React 공부하기 5 - Reference

React 공부하기 4 - Event

React 공부하기 3 - Component

React 공부하기 2 - JSX

React 공부하기 1 - background

Disciplined entrepreneurship

Computer Vision 01) - Image Representation

업무 자동화 (1) - 구글 스프레드 시트 API 활용하기

초보를 위한 웹크롤링: 네이버 영화 댓글 크롤링하기

GoLang) 구조체와 임베딩

ReactiveX) Subject

ReactiveX) Observable

발음 기반으로 String의 유사도를 비교해 보자.

두 String의 유사도를 측정해보자 - Levenshtein distance

Delphi) Some tricks