전체 글
간단한 하루 회고 & 직장(개인)에서 개발 경험을 기록하는 블로그 🚀
·개발
현재 회사에서 turborepo를 사용하여 모노레포 환경을 구축하여 서비스를 운영 중 입니다.4가지 정도 되는 각 도메인의 서비스 중 NextJS로 작업 된 서비스가 있는 방면CRA환경(craco) 환경의 제법 레거시한 환경도 존재 합니다.이번 내용은 CRA환경(craco) 에 관한 내용을 다룰려고 합니다#CRA환경(craco) 문제점제가 처음 회사에 입사 했을 때 가장 기본이 되는 도메인이 CRA환경으로 운영되고 있는 환경로컬서버를 실행을 시켰을때 2분이 지나서야 실행이 되는 문제가 있었어요.그래서 이것을 저는 DX문제가 있다고 보고 어떻게 개선을 할지 고민을 했어요.#Weppack esbuild-loader 사용시도기존 craco config파일에 esbuild-loader를 사용하여 서버 실행을 해..
·개발
저희 회사는 현재 터보레포로 프론트엔드 코드를 관리하고 있어요.주요 서비스는 CRA 또는 NextJs로 구성되어 있고 공통으로 사용하는 패키지는design/shared/api 3가지가 존재하고 해당 3가지의 패키지들은 Vite를 이용하고 있어요.최근 저희 회사는 native app으로 만들어진 차량 리스트페이지를 모바일 웹(웹뷰)로 전환을 성공 하였어요.하지만 차마 IE11에 대해 대응을 못했던 상황 이에요. 특히 모노레포로 관리되고 있던 패키지는 더욱 신경을 쓰지 못한 상황 이였어요결국 패키지에서 관리하고 있던 shared에서 IE11에서 문제가 발생 하였습니다#IE11에서 화살표 함수 에러IE11에서 문제가 발생하여 콘솔을 확인 해보았어요(위 사진) "SCRIPT1014 유효하지 않은 문자 입니다" ..
·개발
안녕하세요. 저는 현재 회사에 이직을 23년도 8월 21일에 하여 수습기간에 맨 처음 개발을 진행한 슬라이드 요소가 많더라도 dom에는 3가지의 요소만 렌더링되어 성능 최적화 된 swiper 기능을 개발을 하게 되었습니다.만약 slides =[1,2,3]이라고 가정을 하였을때1번이 현재 센터 슬라이드,왼쪽으로 스와이퍼 진행 시 3번 슬라이드,오른쪽으로 스와이퍼시 2번 슬라이드아래 그림과 같이 개발을 진행을 해야 했어요#개발 방향성(1)저는 지금까지 swiper라이브러리를 사용하면서 주어진 기능만 사용을 해봤어요loop모드 또는 slidesPerView와 같은 기능들이죠하지만 loop모드로는 해결 할 수 없는 문제가 있었습니다.왜냐하면 슬라이드가 3개만 있다면 3개만 dom으로 그려지고 3개의 슬라이드가 ..