profile
[ frontend-developer ]
post-thumbnail

Code Splitting

Code Splitting (코드분할) 이란? 코드 분할(Code Splitting)은 SPA의 성능을 향상시키는 방법입니다. 싱글 페이지 애플리케이션(Single Page Application)은 초기 실행시에 필요한 리소스를 모두 다운로드한후 해당화면에 필요한

2021년 11월 17일
·
1개의 댓글
·
post-thumbnail

Jest

Jest는 페이스북에서 만든 Javascript 테스팅 라이브러리 입니다. Jest는 이전의 자바스크립트 테스팅 라이브러리와는 차별점을 가지고있는데 전에는 test를 진행하는데 있어서 test runner, matcher, mock등을 다른 라이브러리르 조합하여서 사용

2021년 11월 11일
·
1개의 댓글
·
post-thumbnail

Redux-Toolkit

리덕스 툴킷이란 리덕스를 더 사용하기 쉽게 만들기 위해 리덕스에서 공식 제공하는 개발도구 입니다. 리덕스는 훌륭한 라이브러리지만 단점 역시 있습니다. 리덕스 툴킷은 이러한 리덕스의 단점을 보완하기 위해 등장하였습니다.하나의 리덕스를 작성하는데 필요한 기본적인 코

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

Redux-Saga

Redux-Saga란? 💡 리덕스 사가는 비동기 작업처럼 리듀서에서 처리하면 안되는 순수함수가 아닌 작업을 처리하기 위한 리덕스 미들웨어 입니다. Redux-Saga는 일반 action을 dispatch하고 Generator라는 것을 통해 function*과 같은

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

Redux

Redux는 리액트에서 현재 가장 많이 사용되는 상태관리 라이브러리 입니다. 리덕스를 사용하면 우리가 어플리케이션을 만들면서 컴포넌트들의 상태관련 로직을 다른 파일로 분리시켜 효율적인 관리를 할 수 있는 라이브러리 입니다.리덕스가 있기전 우리는 보통 하나의 루트 컴포넌

2021년 11월 10일
·
0개의 댓글
·
post-thumbnail

EsLint & Prettier

ESlint란? Lint란 보푸라기를 말한다. ESlint란 ECMAScript에서의 보풀을 의미하게 되는데 우리가 옷을 입을 때 보풀이 있어도 입고다닐순 있지만 보기에 좋지 않다. 이렇듯 들여쓰기도 일정한 규칙에 맞게 하지 않고 선언한 변수나 함수를 사용하지 않는

2021년 11월 10일
·
0개의 댓글
·
post-thumbnail

바벨 (Babel)

사람이 살아가는데 서로 각자 다른 언어를 사용하면 의사소통에 문제가 생기고 수많은 다른 언어를 배우는 것은 매우 어려운 일이다. 이런 상황과 비슷하게 브라우져 마다 사용되는 언어가 다르고 이런 언어가 다르다. 물론 계속해서 브라우져는 개선되고 있지만 IE는 promi

2021년 11월 10일
·
2개의 댓글
·