개발/typescript, web24 신버전 프로젝트 중간 회고 2년이 넘게 전에 쓰인 글이니 감안해서 참고해주세요.. 다시보니 내용이 너무 수치스럽네요...😓 신버전 프로젝트는 이렇게 잡았다. 중요 모듈: 1. Typescript 2. mobx5 3. emotion 4. Storybook 그 외 모듈: 5. React-hook-form 6. framer-motion 7. lodash 8. 아키텍쳐 9. 느낀 점 1. Typescript 물론 지금도 Typescript가 없다면 코딩하기 너무나도 싫겠지만(특히 소형이 아닌 프로젝트에서는) 타입을 위한 일들이 정말 많아진다. 제품을 만드는 가장 큰 이유가 무엇인가? 회사의 매출과 유저에게 좋은 가치를 제공하기 위함이 아니던가. 타입 체킹을 더 Generic하게 하고 싶거나, 더 추상화된 기능을 만들때 타입스크립트는 끔찍.. 2020. 10. 31. Typescript) Map Type 타입추론하여 Key, Value Type 추출 아무리 아무리 아무리 찾아도 안나오길래 걍 만듦.. 이제 제대로 타입을 추론함. 2020. 6. 9. 6개월 간의 React 프로젝트에서 mobx를 사용한 삽질기. 초창기 입사 전 redux의 코드 공격을 받아내며 사용하다 입사 후 참으로 힙해 보였던 Mobx를 사용한다는 사실에 기뻤다. 허나 곧 현실을 마주하고 말았는데... 진행 순으로 순서를 매겨보겠음. 초기 1. 기존 레거시가 redux-thunk와 mobx가 짬뽕되어 초기껀 redux, 그 후에껀 mobx로 작성 중이였음. 일부 개발됨, 추가로 구축해야 하는 것들이 쌓여 있음. -> 심지어 하나 있던 프론트엔드 개발자가 내가 온 다음날에 퇴사라고 선언. 본인 충격과 공포. 문서도 없음. -> 새로 뽑힌 프론트엔드는 3, 서로 기존 프로젝트를 알지도 못하는 셋이서 개발 시작. 2. global 스토어에 각종 데이터들이 대량으로 박히며 코드가 길어지기 시작, 서로간에 의사소통 부재로 인한 중복 코드들 발생. -.. 2020. 2. 21. CRA3 에서 craco + Mobx + React-hot-loader 적용하기 Mobx와 carco를 사용하여 react-hot-loader 도 힙한 방법(React hook지원)으로 적용하기. 1. 먼저 패키지를 설치한다. yarn add react-hot-loader @hot-loader/react-dom yarn add -D @craco/craco 2. package.json 에 react-script가 아닌 craco로 실행하게 한다. /* package.json */ ... "scripts": { "start": "craco start", "build": "craco build" "test": "craco test" } ... 3. package.json 이 있는 폴더에 craco.config.js 를 생성하여 다음과 같이 내용을 입력한다. module.exports = .. 2020. 1. 18. 이전 1 ··· 3 4 5 6 다음
