기타 개발

기타 개발

인텔리제이 환경설정

프리티어언어 및 프레임워크 > javascript > 코드 품질 도구 > EsLint 저장 시 실행 체크   Prettier > 자동 프리티어 구성 >  저장 시 실행 체크   도구 > 저장 시 액션 > 프리티어 실행 에서 경로 지정   캐시 무효화 해야 설정 적용 됨   단축키키맵 > 비주얼 스튜디오 (macOS) 복사     플러그인 > 터미널 > 터미널에서 열기  커맨드+W 로 닫기메인 메뉴 > 창 > 에디터 탭 > 에디터 닫기 액션 > 탭 닫기

기타 개발

인텔리제이 단축키 설정하기

주석 단축키 열려있는 탭 간 이동하기쉬프트 + ⌘ + [ 혹은 ]  프로젝트 뷰에서 파일 선택커맨드 화살표 아래  "프로젝트 뷰에서 선택"   에디터 탭 닫기 커맨드 w 로 설정하기 키맵 > 메인메뉴 > 창 > 에디터 탭 > 에디터 닫기 액션 > 탭 닫기   터미널에서 열기 ⌘1 (커맨드 + 1)

기타 개발

Lighthouse로 성능을 측정하여 좋은 유저 경험 만들기

내가 만든 회사 홈페이지에서 F12를 눌러 데스크탑에서의 성능을 측정해보았다. 성능과 접근성 점수가 낮아서 보완해보고자 했다. Largest contentful Paint가 7.1초나 걸렸다. LCP(Contentful Paint)란? Lighthouse 보고서의 성능 섹션 에서 추적되는 지표 중 하나이다. 각 지표는 페이지 로드 속도의 일부 측면을 포착한다. Tree Map 개선방법 일단은 Footer쪽에 모달들이 그냥 import로 되어 있길래, 변경했다. 변경전 import ContactUsModalKR from '~/components/UI/modals/ContactUsModalKR'; import ContactUsModalEN from '~/components/UI/modals/en/Contac..

기타 개발

Antd Datepicker(RangePicker) clone.weekday is not a function

antd의 RangePicker 예제를 그대로 썼는데 clone.weekday is not a function 라는 에러가 났다. 깃허브 답변처럼 몇몇개를 더 import하니 에러가 해결됬다. https://github.com/react-component/picker/issues/123 clone.weekday is not a function · Issue #123 · react-component/picker dayjs 1.8.30 点击日期选择器直接报错 TypeError: clone.weekday is not a function in DateBody (created by DatePanel) in div (created by DatePanel) in DatePanel (created by PickerPan..