profile
예발자입니다.

NodeJS 웹 크롤링 Ch03

엑셀에 이미지를 넣을 수 없으니 이미지를 따로 관리해보도록 하자이미지를 버퍼형태로 가져오고, fs모듈이 버퍼를 파일로 바꿔줌npm i axios이미지 주소를 추출한다음 쿼리스트링을 분석해보는 과정이 필요함지금까지 했던 크롤러를 동작시켜보면 화면이 잘려서 출력됨스크린샷을

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

NodeJS 웹 크롤링 Ch02

공식문서1초에 10번씩 클릭하면 안되므로 사람인척 해야함.userAgent : 내 브라우저가 크롬인지, 파폭인지 나타내는 문자열 접속할 때 bot은 bot이라고 티가남. 따라서 정상적인 브라우저로 속이기 위해서npm i puppeteer크롬 브라우저의 기반인 Chrom

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

NodeJS 웹 크롤링 Ch01

코드 예제CRAWL : 기어다니다웹 사이트를 기어다니면서 정보를 수집하는 봇 = 크롤러크롤링한걸 영리적 목적으로 쓸 때 문제가 생길수도 있음.자스로 크롤링하면 생산성이 좋당CSV? comma separated values콤마와 줄바꿈으로 구분된 값npm i csv-pa

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

JS30 Day08

canvas 요소를 사용해 그림판을 만듦canvas요소 사용width, height요소만 존재고정크기의 드로잉 영역을 생성하고 하나 이상의 랜더링 컨텍스트를 노출해 컨텐츠를 생성, 출력함getContext()를 이용해 그리기 함수를 사용할 수 있음

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

JS30 Day07

array 메소드에 대해 학습some :every:find:findIndex:some, Date를 사용하여 19살이상인 성인인지 확인하는 함수를 작성\-> 적어도 하나가 성인이므로 true의 결과를 출력every를 사용하여 모두가 성인인지 확인하는 함수를 작성\-> 모

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

JS30 Day06

검색했을 때 새로고침 없이 검색결과가 입력한 글자마다 나오도록api에서 데이터를 가져오고, 가공해서 원하는 결과로 parsing정규표현식promise, fetchapi call

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

JS30 Day05

flexbox.iodisplay:flex에 대해 학습flex로 grid형태로 만들고 각 영역을 조정함으로써 애니메이션 추가translateY 로 애니메이션을 만듦JS로 각 패널을 클릭했을 때 toggle로 on, offclassList.toggleflex, justif

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

JS30 Day04

array 메소드에 대해 다룸filter, map, sort, reduce 등을 이용해 주어진 문제를 해결array 메소드들에 대한 이해prototype에 map메소드가 없으면 유사배열 객체나 반복가능한 객체를 얕게 복사해 새로운 Array 객체로 만들어 순회할 수 있

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

JS30 Day03

sass자바스크립트를 이용해서 CSS를 변경한다.sass을 사용한다 -> CSS 변수input으로 통해 선택된 value값을 px가 붙은 값으로 CSS스타일을 지정해주어야 하므로 suffix를 추가해주어야한다.RGB값은 px가 필요없으므로 data-sizing을 지정해

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

JS30 Day02

시, 분, 초를 갖는 시계를 만들 것JS와 CSS만으로!transform, rotate degreetransform-origin ->transition 속성transition-timing-functionsetInterval현재시간을 반환할 Date 객체의 메소드들CSS

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

JS30 Day01

keyCode는 deprecated. 대신 key를 사용함9개의 키를 눌렀을 때 각 키에서 드럼 소리를 나도록 이벤트를 작성해라연속으로 눌렀을 때 한번만 실행되지 않고 누른 숫자만큼 끊김없이 실행되도록해라키 클릭시 눌른 키가 무엇인지 확인할 수 있도록 애니메이션추가특정

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

JS 모던튜토리얼 프로토타입

자바스크립트는 객체지향언어, 프로토타입 기반 언어라고 불린다JS에는 클래스가 없다. Class라는 예약어가 있지만 함수의 한 종류일 뿐이다.따라서 Class가 없으니 상속기능도 없다.상속을 구현해 사용하는 것이고 이를 함수와 new를 통해 흉내내는 것이다.프로토타입을

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

JS Null 병합연산자, break 레이블

최신문법이다!nullish coalescing operator ->??를 사용하면 짧은 문법으로 여러 피연산자중 그 값이 확정되어있는 변수를 찾을 수 있다.=> ??확정되어있는 변수라는 것이 좀 와닿지 않는다.일단 진행해보자a ?? b는 다음과 같다.a가 null도 아

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

React #13 리덕스 + Axios로 상태관리하기

앞서 정리했던 리덕스를 실제로 프로젝트에 적용해보고 사용해보도록 하겠다.여러 글을 참고하고 진행하였으며 어떤 형식이 옳은지, 어떻게 사용해야 정답인지는 아직 잘 모르겠다.글만보면서 이해하려하는 것 보다 직접 자료를 찾아가면서 실제 코드에 적용을 해보는 과정을 통해 이해

2020년 8월 16일
·
0개의 댓글

React #12 UseSelector, useEffect, useReducer, useCallback

useSelector로 스토어의 상태에 접근할 수 있다.기존에 connect로 사용할 때 mapStateToProps와 비슷하다const myData = useSelector(selector: Function, deps: any\[]);deps배열은 어떤 값이 변경되었

2020년 8월 16일
·
0개의 댓글

nodeJS #13 JS 객체, 프로토타입 체인(상속)

객체는 { } 로 구분되며 키와 값의 쌍을 갖는다.객체를 초기화하는 방법은 빈 { }을 할당하는 것과 직접 명시해주는var obj = { car : 'porshe', model : '911' }로 할당할 수 있다.obj객체의 car에 접근하려면 여러 방법이 존재한다.먼

2020년 8월 12일
·
0개의 댓글

nodeJS #12 JSON데이터 파싱하기

DB에서 받아온 데이터를 우리가 만든 더미데이터의 형식에 맞게 가공해야하는 일을 해야한다.JSON은 객체 형태로 키와 값을 가진다.이렇게만있으면 얼마나 좋을까?일단 이렇게 만들어야한다!{ftseoul : {키...}, { 키... } ssafy: { 키.. } }

2020년 8월 12일
·
0개의 댓글

React #11 Cors에러, Redux 좀더 들여다보기

이전에 cors정책에 위배된다는 에러가 발생했었는데, 그땐 cors()패키지를 사용해서 해결되었었다.마찬가지로 router에 cors()를 추가했는데 왜인지 되지않았다.cors('접속을 시도한 URL')으로 경로를 추가해주니 정상적으로 요청헤더, 응답헤더가 출력되었다.

2020년 8월 12일
·
0개의 댓글

React #10 리덕스 설명

리덕스는??가장 사용률이 높은 상태관리 라이브러리.컴포넌트들의 상태 관련 로직을 다른 파일로 분리시켜 관리할 수 있고, 컴포넌트간 상태를 공유할 때 컴포넌트들을 거치지 않고 쉽게 상태값을 전달 할 수 있다.props를 전달하기 위해 실제 props를 사용하지 않는 곳을

2020년 8월 12일
·
0개의 댓글

IBM Cloud Visual Recognition nodeJS로 사용해보기

IBM에서는 다양한 서비스들을 제공해줍니다.이중에서도 AI 및 기계학습으로 이용할 수 있는 서비스가 정말 다양했습니다.무려 18개가 무료라니\~~저는 이미지 분석서비스인 Watson Visual Recognition을 사용해보기로 했습니다 ㅎㅎ.Watson Visua

2020년 7월 30일
·
0개의 댓글