Naver 2

[Naver-FE-News | 2023-06] React 디자인패턴, CSS Optimization, useHooks 모음

작성일 2023. 자료 제목 2023-06 소식 본 머리글 'Naver-FE-News'는 Naver FE 엔지니어들이 큐레이션해 발행하는 뉴스레터에 대한 개인적인 기록입니다. 인상 깊은 아티클 CSS Optimization을 위한 속성 조정 blur 범위 줄이기, blur effect를 위한 렌더 줄일 수 있음 대신에 새로운 layer 만들어서 GPU 가속을 높이는 transform: translateZ(0)를 덧붙이면 됨 border-radius,, 속도 성능에 영향을 많이 준다.. 픽셀 작게 할 수록 좋다.. (요새 많이 썼는데..!), 아니면 이미지로 대신 써라 그 외 성능에 영향을 주는 속성들 background image(lazy loading 적용 추천) box-shadow (blur값 작게,..

News/Frontend 2023.06.07

[Naver-FE-News | 2023-05] 한글 자동완성을 위한 정규식, ECMA 명세

작성일 2023. 5. 15 자료 제목 2023-05 소식 본 머리글 'Naver-FE-News'는 Naver FE 엔지니어들이 발행하는 뉴스레터에 대한 개인적인 기록입니다. 인상깊었던 기술 한글 자동완성을 위한 정규식 라이브러리 소개글, bluewings님의 블로그 구현 코드 레포 검색창에 한글을 입력하다보면, 자음이 새로 추가될 때마다 자동완성 창이 끊기는 현상이 있었다. 불편함을 느끼긴 했는데, 원인이 한글이 조합으로 구성되는 특징에 의한 것이라고 생각해보지는 않았던 거 같다. 위 라이브러리는 이런 불편을 해소하기 위해 등장했다. (뚜둥) npm install로 설치가 가능하다. npm install korean-regexp import { getRegExp } from 'korean-regexp'..

News/Frontend 2023.05.15