profile
현재의 일에 집중하되 차근차근 찐 개발자가 되기 위해서 노력중입니다.
post-thumbnail

인터페이스 및 제너릭

interface 를 통해서 값이 특정한 형태를 갖도록 제약할 수 있다.인터페이스의 속성을 readonly 또는 option으로 정의 할 수 있다.제너릭을 사용하면 함수의 타입을 파라미터화 할 수 있다.파라미터가 1개일 경우파라미터가 2개 이상일 경우클래스에서 사용하기

6일 전
·
0개의 댓글
post-thumbnail

모듈패턴

모듈은 탄탄한 어플리케이션 구조를 만들기 위한 필수적인 요소이다. 모듈패턴은 객체를 자유롭게 확장하고 자바스크립트의 특성을 잘 살리면서 잠재적인 프로그래밍 위험요소를 최소화 한다. 모듈 패턴은 여러 라이브러리와 조합하여 사용하거나, 여러 개발자가 동시에 개발해야 하는

2020년 7월 28일
·
0개의 댓글
post-thumbnail

prtotype 어려웠다...

객체지향의 개념을 공부하고 싶었다. 하지만 자바스크립트 하나도 아직 똑바로 못하는데 다른 언어를 공부하기는 싫다. 그래서 자바스크립트로 그냥 한다. 이거 공부하려고 2일의 연차를 내고 공부한다.

2020년 7월 26일
·
1개의 댓글
post-thumbnail

Dom & Virtual Dom

2013년 5월 JSConf US에서 리액트가 최초 공개되었고, 2019년 6월 내가 개발을 시작하게 되면서 리액트를 시작하게 되었다. 리액트가 공개된지는 7년, 내가 시작한지는 1년... 그냥 적어봤다.

2020년 7월 24일
·
0개의 댓글
post-thumbnail

1년간의 여정에 대한 회고

나는 개발자가 되기 위한 고민을 길게 한편이 아니다. 군 전역을 앞두고 무엇을 해볼까 고민하다가 먼저 공무원 + 군무원 시험에 응시 하겠다는 마음으로 가산점을 받을수 있는 정보처리기사 시험에 응시했다. 나름 어렵지 않았고 해당 분야들이 재미있어 보였다. 그래서 여차저차

2020년 6월 3일
·
0개의 댓글
post-thumbnail

배열과 유사 배열

오늘은 배열 같이 생긴 객체 때문에 약 3시간을 고생한(?) 흔적을 남겨보려고 한다.오늘 CRM(고객관리시스템) 프로젝트를 진행하면서, 다중 이미지 업로드 및 미리보기 기능을 라이브러리 없이 구현 했어야 한다. 오늘 약 3시간을 고생하게 만든 주범은 아래의 사진이다.대

2020년 5월 14일
·
0개의 댓글
post-thumbnail

useEffect의 의존성을 다루는 다른 방법

useEffect 완벽 가이드를 보고서 공부했습니다.위의 코드는 잘 동작하고 있다. 하지만 depth에 count 값을 넣지않고도 값을 변경할수 있다.새 상태를 직접 전달하지 않고 상태가 어떻게 바껴야 되는지를 직접 전달한다. 업데이트 방식은 여러개의 상태값을 동시에

2020년 5월 11일
·
0개의 댓글
post-thumbnail

useEffect 사용법

useEffect 완벽 가이드 를 보고서 공부했습니다.예제1을 실행한 결과 화면이다. 초기값으로 첫번째 렌더링을 했다. 이후 변경 버튼을 클릭해보자!버튼을 클릭한 결과이다. 위 결과를 통해 state가 변할 때 마다 useEffect가 실행 되는 것을 확인할 수 있다.

2020년 5월 11일
·
0개의 댓글
post-thumbnail

useEffect(3)

2013년 5월 JSConf US에서 리액트가 최초 공개되었고, 2019년 6월 내가 개발을 시작하게 되면서 리액트를 시작하게 되었다. 리액트가 공개된지는 7년, 내가 시작한지는 1년... 그냥 적어봤다.

2020년 5월 9일
·
0개의 댓글
post-thumbnail

useEffect(2)

2013년 5월 JSConf US에서 리액트가 최초 공개되었고, 2019년 6월 내가 개발을 시작하게 되면서 리액트를 시작하게 되었다. 리액트가 공개된지는 7년, 내가 시작한지는 1년... 그냥 적어봤다.

2020년 5월 8일
·
0개의 댓글
post-thumbnail

Promise

자바스크립트, 자바스크립트 프로미스, promise, javascript, javascript-promise

2020년 5월 5일
·
0개의 댓글
post-thumbnail

Styled Components

2013년 5월 JSConf US에서 리액트가 최초 공개되었고, 2019년 6월 내가 개발을 시작하게 되면서 리액트를 시작하게 되었다. 리액트가 공개된지는 7년, 내가 시작한지는 1년... 그냥 적어봤다.

2020년 3월 12일
·
0개의 댓글
post-thumbnail

리덕스를 도입하는데 주저하게 만드는 장벽들 영상을 본후 정리

리덕스를 도입하는데 주저하게 만드는 장벽들 - 1. redux-saga 쓰지 말아야 할 이유 (클릭시 유튜브로 이동합니다.)액션이 객체 형태이면 비동기 처리를 할수가 없다. action이 function이면 action을 reducer에 전달하지 않고, 액션에 전달된

2020년 3월 11일
·
0개의 댓글
post-thumbnail

특정망에서의 DNS 접속 불가 경험

'20년 3월 4일 20시경 6개월 이상 잘되던 Backend Server DNS에 접근이 불가하다는 에러 발생첫번째 문제 : Wifi 공유기를 사용하는 pc + mobile dns 접근불가 두번째 문제 : skt 통신사를 사용하는 모바일에서 dns 접근불가AWS 모든

2020년 3월 6일
·
0개의 댓글
post-thumbnail

util.promisify

앞서 만든 pbkdf2 알고리즘 방식의 코드를 promisify를 사용해 리팩토링 해보겠다.promise를 지원하지 않는 콜백의 형태는 util.promisify를 사용해서 promise로 만들수 있다.현재 위의 코드는 콜백이 두번 중첩되어 콜백지옥의 형태가 나타나고

2020년 3월 2일
·
0개의 댓글
post-thumbnail

crypto 암호화

randomBytes 메소드를 통해 랜덤한 바이트를 만든다. 두번째 파라미터의 buf에 랜덤 바이트가 담긴다.랜덤한 buf를 base64 방식으로 문자열로 만든다.랜덤하기 때문에 실행할때마다 salt 값이 변경된다."패스워드" : 암호화 하고 싶은 문장salt : 위쪽

2020년 3월 2일
·
0개의 댓글
post-thumbnail

ForEach

forEach는 사실 일반 for문과 크게 다를바가 없다. 하지만 가독성이라는 측면에서는 좋다. forEach는 동기적으로 작동하기 때문에 비동기를 활용해야 할때는 조심해야한다.forEach를 정리하기 위해서 사용했지만, 단순 clone이 목적이라면 스프레드 연산자를

2020년 2월 28일
·
0개의 댓글
post-thumbnail

every

every는 특정 배열에서 해당 하는 배열이 어떠한 조건에 대해서 모두 참인지 check한다.하나라도 key 중 하나라도 false가 있으면 실행 되지 않는다. 정확히 말하면 false를 만나는 순간 return된다.

2020년 2월 28일
·
0개의 댓글
post-thumbnail

redux-logger

redux-logger 및 redux-devtools-extension 설치/root/index.js/root/index.js

2020년 2월 27일
·
0개의 댓글
post-thumbnail

Redux-Middleware

본 포스트는 벨로퍼트님의 깃헙 블로그 글을 보고 작성하였습니다.블로그 작성의 편리함을 위해 아래의 명칭을 한글로 작성하겠다.redux : 리덕스middleware : 미들웨어action : 액션기dispatch : 디스패치store : 스토어위 함수를 처음봤다면 당황할

2020년 2월 27일
·
2개의 댓글