Yonas Dev Log
Dev Journal & Frontend Study Log
React Hook Form 렌더링 성능 최적화 하기
나는 다양한 종류의 input, select 태그를 포함한 form을 다루는 일을 하고 있고, 많은 개발자들이 그렇듯 react-hook-form 라이브러리를 아주 감사하면서 사용하고 있다. React-hook-form의 장점은 ref…
July 17, 20233 minsReact Virtuoso를 사용하여 React-table 의 느린 성능 개선하기
가상화 테크닉을 사용하여 과도한 렌더로 빚어지는 react-table의 성능을 개선하자
June 10, 20232 minsReact CRA에서 prop-types와 jsdoc 함께 사용해서 VS Code의 Auto Suggestion 기능 사용하기
TypeScript를 못쓴다면 PropTypes를 활용하자
December 15, 20221 minsencodeURI VS encodeURIComponent
함수는 URI의 특정한 문자를 UTF-8로 인코딩해 하나, 둘, 셋, 혹은 네 개의 연속된 이스케이프 문자로 나타낸다. encodeURI encodeURIComponent URI의 특정한 문자를 UTF-…
May 06, 20223 mins자바스크립트 Date 오브젝트를 활용해서 시간과 날짜 개념 표현하기
Date object 시간을 나타내는 방법은 아주 다양하고 상대적이다. 이 글을 쓰고 있는 현재는 3월 7일 오후 11시지만, 3월 7일 23시라고 나타낼 수도 있다. 또 한국은 현재 오후 11시이지만 영국은 3월 7일 오후…
March 09, 20227 minsCSS Gradients에 대해
이 글은 Chris Coyier가 작성한 CSS Gradients에서 상당 내용을 참조했습니다 CSS의 gradient란 ? 두개 혹은 그 이상의 색상을 가지고 점진적으로 옅게 하거나 진하게 처리하여 이미지를 생성하는 것을 말한다. gradient…
February 25, 20226 mins디버깅(Debugging)
Chrome 브라우저와 Postman을 이용하여 디버깅 해보기
February 09, 20223 minsVirtual DOM을 사용하는 이유
가상 돔을 왜 쓸까? => 리얼 돔이 비효율적이기 때문에 애초에 DOM은 서버에 의해 렌더링되는 정적인 UI를 염두에 두고 설계되었다. 리얼 돔에서 다음과 같은 스크립트를 통해 DOM에 변경을 가하는 경우를 보자. 브라우저가 HTML…
January 04, 20221 mins웹페이지가 사용자에게 보여지는 과정
22/02/10에 업데이트 되었습니다. 웹페이지가 로드될 때, 웹 클라이언트는 서버에게 리소스(html…
December 17, 20214 mins