본문 바로가기

분류 전체보기154

Next.js with MUI icons - npm run dev 속도 개선 MUI icons을 사용하는 경우 엄청난 속도 저하를 경험할 수 있다. npm run dev 할 때 icons 전부를 불러오려고 하는데 이를 최적화 해야 한다. 1. next.config.js 수정 experimental: { modularizeImports: { "@mui/material": { transform: "@mui/material/{{member}}", }, "@mui/icons-material/?(((\\w*)?/?)*)": { transform: "@mui/icons-material/{{ matches.[1] }}/{{member}}", }, }, }, 2. import 방법 수정 // X import * as MaterialIcons from "@mui/icons-material" //.. 2022. 8. 24.
코드 유지 보수를 위한 리팩토링 원칙 현재 저는 ECount에 재직 중입니다. 저희는 자체 Front-End Framework를 개발하여 사용중입니다. 저는 Framework 유지 보수 및 기능 개발을 진행하며 겪은 경험을 토대로 유지보수를 위한 간단한 팁을 공유하고자 합니다. 1. API 개수는 최소로 유지할 것 API 개수의 증가는 제공자의 관리 비용 증가 / 사용자의 학습 비용 증가로 이어집니다. 최소로 유지하기 위해서는 API를 통해 return된 값의 가공은 사용자에게 맡겨야 합니다. 한 예로, A API, B API의 값을 가공해서 넘겨주는 C API는 필요가 없습니다. 사용자는 이미 A API, B API의 값을 가공하여 원하는 값을 얻을 수 있기 때문에 C API의 존재는 관리 비용, 학습 비용의 증가를 가져옵니다. 2. 불필.. 2022. 7. 10.
Front End 개발자의 2021년 회고 2020년 11월 16일 ECount Front End팀으로 입사를 하게 되었다. 이 당시 신입 포지션과 경력 포지션이 있었는데 내가 원하는 기술(JS)이 경력 포지션에만 있어서 경력에 지원을 했다. 운이 좋게도 면접 자리에서 신입 오퍼를 받고 신입으로 합격 통보를 받게 되었다. 입사 결정을 하게 된 이유는 연봉도 있지만 자체 Front End Framework를 만들어서 사용하기 때문이다. React를 사용하지 못하는 아쉬움은 있었지만 React, Vue 같은 기술은 시간이 지나며 사라질 수도 있고 바뀔수도 있으므로 Framework를 어떻게 만들고 구성하는지 배우고 싶은 욕심이 있어 입사를 결정했다. 입사를 하고 아쉽게도 Front End팀 입사자는 혼자여서 따로 교육을 받고 팀으로 이동했다. 해당 .. 2022. 3. 13.
Win 10 키보드 입력기 변경 막기 ctrl + shift 또는 다른 방법으로 Microsoft 입력기에서 한컴 입력기로 변경이 되면 VSC 코드 단축키 일부가 이상하게 작동을 하는데.. 이게 생각보다 방해된다. 따라서 키보드 입력기 변경을 막아보자 window 10 기준 - window키를 눌러 기본 입력 방법 재설정 검색 - 입력 언어 바로 가기 키 클릭 - 키 시퀀스 변경 - 입력 언어 전환, 자판 배열 전환 할당하지 않음으로 체크 후 확인 before after 2021. 7. 21.

티스토리툴바