반응형 내가 경험한 것/1.514 eslint config npm에 올리기 prettier config npm 에 올리기 포스팅에 이어서 이번엔 eslint config 를 npm 에 올리겠다. 솔직히 prettier 설정은 별거 없어서 복붙할만 했지만 eslint 는 종류가 좀 되기 때문에 좀 더 필요하다 eslint config 공유하는 법 자주 사용하는 react, ts, jest 환경에 대해 세팅했다. 너무 뭉텅이로 올려서 이게 편할진 잘 모르겠다. 써보면서 좀 더 변경하는걸로 해야겠다ㅎ js rules, ts rules, jest rules, storybook rules 이렇게 따로따로 하는게 맞았을 것 같다. 일단은 이미 해버렸으니까.. 이렇게 나누는건 다음에 해야겠다. 하면서 어려웠던 건 peer dependecy 를 어느 패키지 까지 설정해야하는가? 이다. pre.. 2024. 2. 3. prettier config npm 에 올리기 프로젝트를 세팅하다보면 반복되는 세팅들이 있다. prettier, eslint 등,, 모노레포로 만든다 -> 같은 서비스가 아니라서 묶을 수는 없다ㅋㅋ 매번 복붙한다 -> 귀찮다, 매번 수정해야한다 그러다가 npm 패키지로 배포해야겠다는 생각이 문득 들었다. 그래서 일단 prettier 부터 배포해보겠다. 1. npm 사이트에 회원가입한다. 2. 터미널 에서 로그인한다 npm adduser 3. package.json 과 공유할 prettier 설정을 추가한다. github 참고 바람 (link) prettier 홈페이지 설명 (link) npm init -y 기본 설정으로 프로젝트를 초기화 { "name": "@nr2p/prettier-config", "version": "1.0.0", "descrip.. 2024. 2. 2. TanStack Query v5 의 Breaking Changes 내가 열심히 노는동안 언제나오나 싶었던 v5가 나왔다! 그것도 많은 변화를 가지고!! (문서 링크) 언제 다 마이그레이션 하나 싶지만 아무튼 알아보자.. ㅎ 모든 변경점을 적진 않았습니다.. ㅎ 1. Supports a single signature, one object - useQuery 및 기타 등등 훅들은 아래와 같이 여러 형태로 사용되었는데 유지보수 및 타입스크립트 측면 등의 이유로 이제는 한가지 형태로 통일되었다. > 사용하는 입장에서도 하나로 통일되는게 컨벤션 안 맞춰도 되고 좋은 것 같다. // ASIS: 여러 방법으로 사용 가능 useQuery(queryKey, queryFn, options); useQuery(queryKey, options); useQuery(options); // TO.. 2024. 1. 7. FE 과제 회고1 퇴사 후 한달이 넘는 여행이 끝나고 나름 리액트 감 좀 살려놨다고 생각해서 FE 과제를 자신있게 진행했다. 불합격할 수가 없다고 생각했는데.. 과제가 끝나고 과제 진행했던걸 떠오르면 떨어질만 했다고 생각이 든다ㅠ 아무튼 회고를 해보겠다 순서는 상관 없이 작성하겠다 1. 테스트 코드 관련 이슈 테스트 코드가 전부 실패했다 왤까? 이유: jest 를 사용하는 테스트에서 ESM 모듈을 사용했기 때문 lodash-es 를 프로젝트마다 사용해서 과제에서도 동일하게 사용했다. 그러나,,, 그냥 lodash 도 아닌 lodash-es 는 추가적인 세팅이 필요한데 까먹어버렸다. lodash-es 를 자세히 보면 뒤에 'es' 라는 단어가 붙어있다. 그렇다. CommonJS 가 아닌 ESM 모듈이라는 뜻이다. Jest .. 2024. 1. 6. 이전 1 2 3 4 다음 반응형
