profile
현재의 일에 집중하되 차근차근 찐 개발자가 되기 위해서 노력중입니다.
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를 공부하기전 짚어보고 가자!

React를 사용한지 꽤 오래된 것 같은데, 아직도 useEffect를 정확히 모르겠다. useEffect는 함수형 컴포넌트에서 쓰이며 기존 클랙스 컴포넌트의 라이프사이클 메서드들을 대체한다.(대체한다는 말이 라이프사이클이다 라고 표현할수는 없다.)Will 키워드 :

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

useEffect 기초

useEffect를 사용하면서 아직도 정확히 잘모르는것만 같다. useEffect 완벽 가이드를 봤지만, 무슨 말인지 모르겠다. 그래서 오늘 또 본다. 그리고 마지막으로 정리 하고자 한다!컴포넌트는 props와 state를 인자로 받아서 UI를 반환 한다. 계속적으로

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

Promise 너란놈 ! 딱 한번만 제대로 봐주겠어!

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

2020년 5월 5일
·
0개의 댓글

Styled Components 짧고 굵게 팍! 정리

내가 처음 리액트를 배울때부터 지난 프로젝트까지는 CSS의 단점을 극복한 SCSS를 사용해왔다. 초창기의 SCSS는 Webpack config을 Eject하는 작업이 필요했지만, 내가 리액트를 처음할 당시에는 이미 CRA V2가 적용되면서 SASS(SCSS)와 CSS

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개의 댓글
post-thumbnail

나는 혼자API 만들어서 연습한다!

리액트를 공부하는데, API 만드는게 너무 귀찬아서 검색해보니 나혼자서 API만들고, port만 다르게 서버를 열어서 테스트 할수 있는 방법을 찾게됬다! 이런거 부트캠프 당시에 알았다면 무한루프의 늪에 빠지지 않았을지도 모르는데...프로젝트 root에 data.json

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

this

자바스크립트는 브라우저 환경에서 돌아가도록 만들어졌다. 그래서 글로벌 영역을 다른 언어와는 다르게 구현하고 있다. 그런데 놀라운 것은 글로벌 영역도 하나의 변수로 정의하여 사용하고 있다는 점이다. 글로벌 영역은 window 객체가 관장하는데, 이 객체가 어떤 객체인지

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

Github Action + S3 간단히 알아보기

금, 토, 일 주말을 DNS와 https에 모두 투자했다. 웹 개발자(프론트엔드 포지션)이지만 현재는 화면을 그릴수있는 능력밖에 없다고 생각된다. 이번 주말을 통해 웹 개발자라 하면 서버에 대한 지식이 꼭! 필요하다고 몸으로 체험했다. 이번 장에서는 github act

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

쌍코피 흘리면서 알게된 DNS

2월 16일(일) 오후 5시경... 회사 도메인의 네임서버를 변경하게 되었다. 오후 5시부터 약 24시간 나는 지옥을 맛보게 되었다. 네트워크상에서 컴퓨터들은 IP주소를 이용하여 서로를 구별하고 통신하는데, 사람들이 네트워크를 통해 원격의 컴퓨터에 접속하기 위해서는

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

POSTMAN을 활용해서 Mock Server 및 API Document 만들어보기

Mock Server 생성 1.jpg 2.jpg 이미지 좌측 상단의 New 버튼을 클릭하면 팝업메뉴가 뜨는데 여기서 Mock Server을 클릭한다. 3.jpg Mock Server을 클릭하게되면 우와 같은 화면이 나오게 되는데 Request Path 부분에

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